:root{--color-bg-0:#11131a;--color-bg-1:#1b2030;--color-bg-2:#283047;--color-panel:#343d59;--color-panel-light:#485472;--color-panel-dark:#20263a;--color-text:#f3f0df;--color-text-muted:#aeb7ca;--color-text-dark:#11131a;--color-primary:#78e0c2;--color-primary-dark:#3b9f87;--color-secondary:#8ea6ff;--color-secondary-dark:#536ac4;--color-accent:#ffca6a;--color-accent-dark:#b67c2d;--color-danger:#ff7d8f;--color-danger-dark:#b54155;--color-success:#91e36d;--color-focus:#fff39a;--color-ad-border:#4a5163;--color-ad-bg:#171a23;--pixel-border:2px;--pixel-shadow-size:4px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--content-width:1120px;--tool-width:760px;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:20px;--text-xl:28px;--text-2xl:clamp(32px,7vw,56px);--font-pixel:var(--font-pixel-family,"DotGothic16"),system-ui,sans-serif;--font-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}:lang(ar),:lang(fa),:lang(hi),:lang(ko),:lang(ru),:lang(th),:lang(zh-CN){--font-pixel:system-ui,sans-serif}.pixelArt{image-rendering:pixelated;image-rendering:crisp-edges}.pixelIcon{display:inline-block;width:24px;height:24px;flex:none;image-rendering:pixelated;vertical-align:middle}.pixelIconSmall{width:16px;height:16px}.heroPixelArt{width:96px;height:96px;image-rendering:pixelated}@media (min-width:768px){.heroPixelArt{width:192px;height:192px}}@keyframes pixelBlink{0%,49%{opacity:1}50%,to{opacity:.35}}@keyframes pixelStep{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.pixelBlink{animation:pixelBlink .8s steps(2) infinite}.pixelStep{animation:pixelStep .4s steps(2) infinite alternate}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background-color:var(--color-bg-0);background-image:linear-gradient(180deg,var(--color-bg-1) 0,var(--color-bg-0) 420px),repeating-linear-gradient(0deg,rgba(255,255,255,.016) 0,rgba(255,255,255,.016) 1px,transparent 1px,transparent 3px);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-md);line-height:1.7}h1,h2,h3,h4{margin:0;font-family:var(--font-pixel);font-weight:400;letter-spacing:.04em;line-height:1.35;text-wrap:balance}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}ol,p,ul{margin:0}ol,ul{-webkit-padding-start:var(--space-5);padding-inline-start:var(--space-5)}a{color:var(--color-primary);text-underline-offset:3px}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:4px solid var(--color-focus);outline-offset:2px}img,svg{max-width:100%;height:auto}.visuallyHidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.skipLink{position:absolute;inset-inline-start:var(--space-2);top:-64px;z-index:50;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-text-dark);font-family:var(--font-pixel);transition:none}.skipLink:focus{top:var(--space-2)}.chordProgression,.musicData,.pianoRoll,.transportTimeline{direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}