@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-ext-wght-normal-CawQDOvP.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-wght-normal-DdqRvwsR.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-vietnamese-400-normal-BNOj0Qhp.woff2)format("woff2"),url(/assets/space-mono-vietnamese-400-normal-B0PMp_xB.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-ext-400-normal-DTLbW2xa.woff2)format("woff2"),url(/assets/space-mono-latin-ext-400-normal-D4cJI_B-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2)format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-vietnamese-700-normal-DWQgDHuA.woff2)format("woff2"),url(/assets/space-mono-vietnamese-700-normal-D-KrLuLr.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-ext-700-normal-B2s3bDs2.woff2)format("woff2"),url(/assets/space-mono-latin-ext-700-normal-B_E7P90g.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-700-normal-mWgeinG7.woff2)format("woff2"),url(/assets/space-mono-latin-700-normal-D7A851RN.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0e0c15;--surface:#171420;--raised:#201c2e;--well:#0a0910;--line:#2b2640;--line-strong:#3b3459;--text:#ece8f5;--muted:#938ca8;--uncertain:#565070;--accent:#f6b03e;--accent-ink:#251a02;--accent-2:#f2705d;--accent-2-ink:#2b0d07;--accent-3:#48c9bb;--accent-3-ink:#04302b;--glow-1:#f6b03e12;--glow-2:#48c9bb0e;--r-card:22px;--r-ctl:12px;--maxw:860px;--font-display:"Sora Variable", "Inter Variable", system-ui, sans-serif;--font-body:"Inter Variable", system-ui, -apple-system, sans-serif;--font-mono:"Space Mono", ui-monospace, "SF Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.55 var(--font-body);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);min-height:100svh;margin:0;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;margin:0}p{margin:0}button{font:inherit}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-strong);border:2px solid var(--bg);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=560px){.wrap{padding-left:10px;padding-right:10px}}@media (width<=480px){.controls{flex-direction:column;align-items:stretch}.controls .btn{justify-content:center;width:100%}}@media (pointer:coarse){button{min-height:40px}}.masthead.svelte-18jl8m8{margin-bottom:clamp(24px,5vw,40px);animation:.55s both rise}.eyebrow.svelte-18jl8m8{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-3);opacity:0;margin-bottom:12px;font-size:11px;animation:.5s .1s both rise;display:inline-block}h1.svelte-18jl8m8{font-family:var(--font-display);letter-spacing:-.03em;max-width:12ch;font-size:clamp(36px,7.5vw,58px);font-weight:800;line-height:.98}.dot.svelte-18jl8m8{color:var(--accent);animation:3.2s ease-in-out infinite svelte-18jl8m8-dot-bounce;display:inline-block}@keyframes svelte-18jl8m8-dot-bounce{0%,88%,to{transform:none}92%{transform:translateY(-.09em)scale(1.06)}96%{transform:translateY(.02em)}}.lede.svelte-18jl8m8{max-width:52ch;color:var(--text);opacity:.9;margin-top:18px;font-size:clamp(15px,2.2vw,17px);line-height:1.6}.hl.svelte-18jl8m8{white-space:nowrap;font-style:normal;font-weight:600}.hl--lead.svelte-18jl8m8{color:var(--accent)}.hl--second.svelte-18jl8m8{color:var(--accent-2)}.hl--third.svelte-18jl8m8{color:var(--accent-3)}.badges.svelte-18jl8m8{flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;list-style:none;display:flex}.badges.svelte-18jl8m8 li:where(.svelte-18jl8m8){font-family:var(--font-mono);color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 11px;font-size:11px}.badges.svelte-18jl8m8 li:where(.svelte-18jl8m8):before{content:"·";color:var(--accent-3);margin-right:6px}@media (width<=560px){h1.svelte-18jl8m8{max-width:none}}.trace-wrap.svelte-1ijq6mt{position:relative}.trace.svelte-1ijq6mt{touch-action:pan-y;background:var(--well);border:1px solid var(--line);border-radius:14px;width:100%;height:clamp(240px,42vw,320px);display:block}.trace.svelte-1ijq6mt:focus{outline:2px solid var(--accent-3)}.trace.svelte-1ijq6mt:focus:not(:focus-visible){outline:none}.note-controls.svelte-1ijq6mt{background:var(--surface);border:1px solid var(--line-strong);z-index:5;border-radius:999px;align-items:center;gap:2px;padding:3px 4px;animation:.14s cubic-bezier(.2,.8,.2,1) both svelte-1ijq6mt-note-pill-in;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 10px 24px -8px #0000008c}@keyframes svelte-1ijq6mt-note-pill-in{0%{opacity:0;transform:translate(-50%,-100%)scale(.9)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}.note-controls__label.svelte-1ijq6mt{font-family:var(--font-mono);color:var(--accent-3);text-align:center;-webkit-user-select:none;user-select:none;min-width:1.6em;padding:0 8px;font-size:12px;font-weight:700;line-height:24px}.note-controls__divider.svelte-1ijq6mt{background:var(--line);flex:none;width:1px;height:16px}.note-controls__btn.svelte-1ijq6mt{width:24px;height:24px}@media (pointer:coarse){.note-controls__btn.svelte-1ijq6mt{width:34px;height:34px}}.note-controls__btn.svelte-1ijq6mt{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .12s,color .12s,transform 80ms;display:flex}.note-controls__btn.svelte-1ijq6mt:hover{background:var(--raised);color:var(--accent)}.note-controls__btn.svelte-1ijq6mt:active{transform:scale(.88)}.note-controls__btn.svelte-1ijq6mt:focus-visible{outline:2px solid var(--accent-3);outline-offset:1px}.note-controls__btn--danger.svelte-1ijq6mt:hover{background:color-mix(in srgb, var(--accent-2) 16%, transparent);color:var(--accent-2)}.scrollbar.svelte-1ijq6mt{touch-action:pan-y;-webkit-user-select:none;user-select:none;height:24px;margin-top:6px;margin-left:44px;position:relative}.scrollbar--empty.svelte-1ijq6mt{visibility:hidden}.scrollbar.svelte-1ijq6mt:focus-visible{outline:2px solid var(--accent-3);outline-offset:2px;border-radius:999px}.scrollbar.svelte-1ijq6mt:focus:not(:focus-visible){outline:none}.scrollbar.svelte-1ijq6mt:before{content:"";background:var(--raised);pointer-events:none;border-radius:999px;height:8px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.scrollbar__thumb.svelte-1ijq6mt{background:var(--line-strong);pointer-events:none;border-radius:999px;height:8px;transition:background .15s;position:absolute;top:50%;left:0}.scrollbar.svelte-1ijq6mt:hover .scrollbar__thumb:where(.svelte-1ijq6mt),.scrollbar.svelte-1ijq6mt:active .scrollbar__thumb:where(.svelte-1ijq6mt){background:var(--accent)}.help-backdrop.svelte-11f9ikf{z-index:100;-webkit-backdrop-filter:blur(6px);background:#08070eb8;justify-content:center;align-items:center;padding:clamp(12px,4vw,40px);animation:.22s both svelte-11f9ikf-help-fade;display:flex;position:fixed;inset:0}@keyframes svelte-11f9ikf-help-fade{0%{opacity:0}to{opacity:1}}.help-backdrop-btn.svelte-11f9ikf{cursor:default;background:0 0;border:none;position:absolute;inset:0}.help-panel.svelte-11f9ikf{z-index:1;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-card);width:min(680px,100%);max-height:90vh;animation:.34s cubic-bezier(.2,.85,.25,1) both svelte-11f9ikf-help-rise;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #000000b3}.help-scroll.svelte-11f9ikf{max-height:90vh;padding:clamp(20px,5vw,40px);overflow-y:auto}.help-scroll.svelte-11f9ikf::-webkit-scrollbar-track{margin:16px 0}@keyframes svelte-11f9ikf-help-rise{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}.help-close.svelte-11f9ikf{border:1px solid var(--line);background:var(--raised);width:34px;height:34px;color:var(--muted);cursor:pointer;z-index:3;border-radius:50%;justify-content:center;align-items:center;transition:color .15s,border-color .15s,transform .15s;display:flex;position:absolute;top:14px;right:14px}.help-close.svelte-11f9ikf:hover{color:var(--accent);border-color:var(--accent);transform:rotate(90deg)}.help-head.svelte-11f9ikf{margin-bottom:26px;padding-right:40px}.help-eyebrow.svelte-11f9ikf{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-3);font-size:11px}.help-title.svelte-11f9ikf{font-family:var(--font-display);letter-spacing:-.02em;margin:6px 0 10px;font-size:clamp(22px,4vw,30px);font-weight:800}.help-sub.svelte-11f9ikf{color:var(--muted);line-height:1.6}.help-steps.svelte-11f9ikf{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.help-step.svelte-11f9ikf{border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--well);opacity:0;grid-template-columns:132px 1fr;align-items:center;gap:18px;padding:14px;animation:.4s both svelte-11f9ikf-help-rise;display:grid}.help-step.svelte-11f9ikf:first-child{animation-delay:60ms}.help-step.svelte-11f9ikf:nth-child(2){animation-delay:.13s}.help-step.svelte-11f9ikf:nth-child(3){animation-delay:.2s}.help-step.svelte-11f9ikf:nth-child(4){animation-delay:.27s}.help-demo.svelte-11f9ikf{background:var(--well);border:1px solid var(--line);border-radius:8px;overflow:hidden}.demo-svg.svelte-11f9ikf{width:100%;height:auto;display:block}.demo-grid.svelte-11f9ikf{stroke:var(--line-strong);stroke-width:1px;stroke-dasharray:3 4}.help-copy.svelte-11f9ikf{position:relative}.help-num.svelte-11f9ikf{font-family:var(--font-mono);color:var(--uncertain);letter-spacing:.1em;font-size:11px}.help-copy.svelte-11f9ikf h3:where(.svelte-11f9ikf){font-family:var(--font-display);margin:2px 0 5px;font-size:16px;font-weight:700}.help-copy.svelte-11f9ikf p:where(.svelte-11f9ikf){color:var(--muted);font-size:13.5px;line-height:1.55}.trace-draw.svelte-11f9ikf{stroke:var(--accent-2);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200px;animation:2.6s ease-in-out infinite svelte-11f9ikf-trace-in}@keyframes svelte-11f9ikf-trace-in{0%{stroke-dashoffset:200px}55%{stroke-dashoffset:0}85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes svelte-11f9ikf-mic-throb{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}.bars-rise.svelte-11f9ikf rect:where(.svelte-11f9ikf){fill:var(--accent);transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite svelte-11f9ikf-bar-rise}.bars-rise.svelte-11f9ikf rect:where(.svelte-11f9ikf):nth-child(2){animation-delay:.1s}.bars-rise.svelte-11f9ikf rect:where(.svelte-11f9ikf):nth-child(3){animation-delay:.2s}.bars-rise.svelte-11f9ikf rect:where(.svelte-11f9ikf):nth-child(4){animation-delay:.3s}@keyframes svelte-11f9ikf-bar-rise{0%,12%{opacity:0;transform:scaleX(0)}30%,88%{opacity:1;transform:scaleX(1)}to{opacity:.15;transform:scaleX(1)}}.chord-pop.svelte-11f9ikf rect:where(.svelte-11f9ikf){fill:color-mix(in srgb, var(--accent) 22%, transparent);stroke:var(--accent);stroke-width:1px;animation:3s ease-in-out infinite svelte-11f9ikf-chord-pop}@keyframes svelte-11f9ikf-chord-pop{0%,40%{opacity:0;transform:translateY(4px)}55%,88%{opacity:1;transform:none}to{opacity:0}}.edit-bar.svelte-11f9ikf{fill:var(--accent);transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite svelte-11f9ikf-edit-bar}@keyframes svelte-11f9ikf-edit-bar{0%,30%{fill:var(--accent);transform:translateY(0)}45%,70%{fill:var(--accent-3);transform:translateY(0)}80%,to{fill:var(--accent-3);transform:translateY(-8px)}}.edit-cursor.svelte-11f9ikf{fill:var(--text);stroke:var(--bg);stroke-width:.5px;animation:3.2s ease-in-out infinite svelte-11f9ikf-edit-cursor}@keyframes svelte-11f9ikf-edit-cursor{0%{transform:translate(70px 12px);opacity:0}20%{opacity:1}40%{transform:translate(52px 30px);opacity:1}75%{transform:translate(52px 30px)}80%,to{transform:translate(52px 22px);opacity:1}}.playhead.svelte-11f9ikf{stroke:var(--accent);stroke-width:2px;animation:2.8s linear infinite svelte-11f9ikf-playhead-sweep}@keyframes svelte-11f9ikf-playhead-sweep{0%{opacity:0;transform:translate(4px)}8%{opacity:1}92%{opacity:1}to{opacity:0;transform:translate(116px)}}.pb-bar.svelte-11f9ikf{fill:var(--accent);animation:2.8s linear infinite svelte-11f9ikf-pb-bar}.pb-bar.svelte-11f9ikf:first-child{animation-delay:.15s}.pb-bar.svelte-11f9ikf:nth-child(2){animation-delay:.75s}.pb-bar.svelte-11f9ikf:nth-child(3){animation-delay:1.5s}.pb-bar.svelte-11f9ikf:nth-child(4){animation-delay:2.1s}@keyframes svelte-11f9ikf-pb-bar{0%,to{fill:var(--accent)}50%{fill:var(--accent-3)}}@media (width<=520px){.help-step.svelte-11f9ikf{grid-template-columns:1fr;gap:12px}.help-demo.svelte-11f9ikf{max-width:180px}}@media (prefers-reduced-motion:reduce){.trace-draw.svelte-11f9ikf,.bars-rise.svelte-11f9ikf rect:where(.svelte-11f9ikf),.chord-pop.svelte-11f9ikf rect:where(.svelte-11f9ikf),.edit-bar.svelte-11f9ikf,.edit-cursor.svelte-11f9ikf,.playhead.svelte-11f9ikf,.pb-bar.svelte-11f9ikf{animation:none}.trace-draw.svelte-11f9ikf{stroke-dashoffset:0}.edit-cursor.svelte-11f9ikf{opacity:0}}.card.svelte-8iwlxj{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);margin-bottom:20px;padding:clamp(18px,4vw,30px);animation:.55s 80ms both rise;position:relative;overflow:hidden}.card.svelte-8iwlxj:before{content:"";background:linear-gradient(90deg, var(--accent), transparent 65%);opacity:.7;height:2px;position:absolute;inset:0 0 auto}.live-row.svelte-8iwlxj{flex-wrap:wrap;align-items:center;gap:clamp(16px,4vw,26px);padding-right:64px;display:flex}.note-readout.svelte-8iwlxj{font-family:var(--font-display);letter-spacing:-.03em;width:118px;font-size:clamp(52px,1vw,76px);font-weight:800;line-height:1;transition:color .12s,text-shadow .25s}.note-readout.dim.svelte-8iwlxj{color:var(--uncertain);text-shadow:none}.note-readout.glow.svelte-8iwlxj{color:var(--text);text-shadow:0 0 26px color-mix(in srgb, var(--accent) 45%, transparent)}.live-meta.svelte-8iwlxj{flex-direction:column;gap:10px;display:flex}.status.svelte-8iwlxj{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.rec-dot.svelte-8iwlxj{background:var(--accent-2);border-radius:50%;width:9px;height:9px;animation:1.6s ease-out infinite pulse-ring}.rec-label.svelte-8iwlxj{letter-spacing:.12em;color:var(--accent-2);font-weight:700;animation:1.6s step-end infinite blink}.legend.svelte-8iwlxj{color:var(--muted);gap:16px;font-size:12.5px;display:flex}.legend.svelte-8iwlxj span:where(.svelte-8iwlxj){align-items:center;gap:7px;display:inline-flex}.swatch.svelte-8iwlxj{border-radius:50%;flex:none;width:10px;height:10px}.swatch--on.svelte-8iwlxj{background:var(--accent-2)}.swatch--off.svelte-8iwlxj{background:var(--uncertain)}.canvas-wrap.svelte-8iwlxj{margin-top:22px}.controls.svelte-8iwlxj{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.btn.svelte-8iwlxj{font-family:var(--font-body);border-radius:var(--r-ctl);cursor:pointer;border:none;padding:13px 22px;font-size:15px;font-weight:600;transition:transform .12s,background .18s,box-shadow .25s,opacity .15s}.btn.svelte-8iwlxj:hover:not(:disabled){transform:translateY(-1px)}.btn.svelte-8iwlxj:active:not(:disabled){transform:translateY(1px)}.btn.svelte-8iwlxj:disabled{opacity:.35;cursor:not-allowed}.btn--primary.svelte-8iwlxj{background:var(--accent);color:var(--accent-ink)}.btn--primary.svelte-8iwlxj:hover:not(:disabled){box-shadow:0 6px 24px -6px color-mix(in srgb, var(--accent) 55%, transparent)}.btn--primary.is-recording.svelte-8iwlxj{background:var(--accent-2);color:var(--accent-2-ink);animation:2s ease-out infinite pulse-ring}.btn--ghost.svelte-8iwlxj{background:var(--raised);color:var(--text);border:1px solid var(--line)}.btn--ghost.svelte-8iwlxj:hover:not(:disabled){border-color:var(--line-strong)}.btn--play.svelte-8iwlxj{align-items:center;gap:9px;display:inline-flex}.play-tri.svelte-8iwlxj{border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--accent);width:0;height:0}@media (width<=560px){.controls.svelte-8iwlxj .btn:where(.svelte-8iwlxj){flex:auto}}.notice.svelte-8iwlxj{font-family:var(--font-mono);color:var(--accent-2);margin-top:12px;font-size:12px;line-height:1.5}.help-btn.svelte-8iwlxj{z-index:2;font-family:var(--font-mono);color:var(--muted);background:var(--raised);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:5px 14px;font-size:12px;transition:color .15s,border-color .15s;position:absolute;top:16px;right:16px}.help-btn.svelte-8iwlxj:hover{color:var(--accent);border-color:var(--accent)}.card.svelte-8wvhar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);margin-bottom:20px;padding:clamp(18px,4vw,30px);animation:.55s .16s both rise;position:relative;overflow:hidden}.card.svelte-8wvhar:before{content:"";background:linear-gradient(90deg, var(--accent-3), transparent 65%);opacity:.7;height:2px;position:absolute;inset:0 0 auto}.empty.svelte-8wvhar{text-align:center;padding:clamp(10px,3vw,22px) 8px}.empty-mark.svelte-8wvhar{font-family:var(--font-display);color:var(--uncertain);margin-bottom:8px;font-size:40px;display:block}.empty-title.svelte-8wvhar{font-family:var(--font-display);font-size:18px;font-weight:700}.empty-sub.svelte-8wvhar{max-width:44ch;font-family:var(--font-mono);color:var(--muted);margin:8px auto 0;font-size:12.5px;line-height:1.7}.block.svelte-8wvhar{margin-bottom:28px;animation:.45s both rise}.block.svelte-8wvhar:nth-of-type(2){animation-delay:70ms}.block.svelte-8wvhar:nth-of-type(3){animation-delay:.14s}.block.svelte-8wvhar:nth-of-type(4){animation-delay:.21s}.block.svelte-8wvhar:last-child{margin-bottom:0}.block-head.svelte-8wvhar{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:11px}.block-hint.svelte-8wvhar{font-family:var(--font-mono);color:var(--muted);margin-top:12px;font-size:11.5px;line-height:1.6}.key-row.svelte-8wvhar{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.key-name.svelte-8wvhar{font-family:var(--font-display);color:var(--accent);letter-spacing:-.02em;font-size:clamp(34px,8vw,46px);font-weight:800;line-height:1}.conf.svelte-8wvhar{font-family:var(--font-mono);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:12.5px}.conf--high.svelte-8wvhar{color:var(--accent-3);background:color-mix(in srgb, var(--accent-3) 12%, transparent);border-color:color-mix(in srgb, var(--accent-3) 35%, transparent)}.conf--mid.svelte-8wvhar{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.conf--low.svelte-8wvhar{color:var(--accent-2);background:color-mix(in srgb, var(--accent-2) 10%, transparent);border-color:color-mix(in srgb, var(--accent-2) 30%, transparent)}.conf-bar.svelte-8wvhar{background:var(--raised);border-radius:3px;height:5px;margin-top:14px;overflow:hidden}.conf-fill.svelte-8wvhar{border-radius:3px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1)}.conf-fill--high.svelte-8wvhar{background:var(--accent-3)}.conf-fill--mid.svelte-8wvhar{background:var(--accent)}.conf-fill--low.svelte-8wvhar{background:var(--accent-2)}.stats.svelte-8wvhar{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.stat.svelte-8wvhar{background:var(--raised);border:1px solid var(--line);border-radius:var(--r-ctl);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.stat-val.svelte-8wvhar{font-family:var(--font-mono);color:var(--text);font-size:18px;font-weight:700}.stat-key.svelte-8wvhar{font-family:var(--font-mono);color:var(--muted);font-size:11px}.chords.svelte-8wvhar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chord.svelte-8wvhar{background:var(--raised);border:1px solid var(--line);border-radius:var(--r-ctl);text-align:center;min-width:76px;padding:12px 16px;transition:transform .15s,border-color .2s}.chord.svelte-8wvhar:hover{border-color:var(--line-strong);transform:translateY(-2px)}.chord--uncertain.svelte-8wvhar{border-style:dashed}.chord-num.svelte-8wvhar{font-family:var(--font-display);color:var(--accent);font-size:22px;font-weight:800;line-height:1}.chord--uncertain.svelte-8wvhar .chord-num:where(.svelte-8wvhar){opacity:.7}.q.svelte-8wvhar{color:var(--muted);margin-left:3px;font-size:14px}.chord-name.svelte-8wvhar{font-family:var(--font-mono);color:var(--text);margin-top:5px;font-size:13.5px}.chord-time.svelte-8wvhar{font-family:var(--font-mono);color:var(--muted);margin-top:6px;font-size:11px}.chord-alt.svelte-8wvhar{font-family:var(--font-mono);color:var(--accent-2);margin-top:5px;font-size:11px}.arrow.svelte-8wvhar{color:var(--uncertain);flex:none;font-size:15px}.about.svelte-nmuxfl{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:clamp(20px,4vw,32px);animation:.45s both rise}h2.svelte-nmuxfl{font-family:var(--font-display);margin-bottom:10px;font-size:clamp(19px,3vw,24px);font-weight:700}h2.svelte-nmuxfl+p:where(.svelte-nmuxfl),p.svelte-nmuxfl+p:where(.svelte-nmuxfl){margin-bottom:18px}p.svelte-nmuxfl{color:var(--text);max-width:64ch;line-height:1.65}p.svelte-nmuxfl+h2:where(.svelte-nmuxfl){margin-top:26px}.links.svelte-nmuxfl{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.link-pill.svelte-nmuxfl{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--line-strong);border-radius:999px;padding:7px 16px;font-size:13px;text-decoration:none;transition:border-color .15s,background .15s}.link-pill.svelte-nmuxfl:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.wrap.svelte-1n46o8q{width:100%;max-width:var(--maxw);margin:0 auto;padding:clamp(24px,6vw,56px) clamp(16px,4vw,32px) 48px}.pagenav.svelte-1n46o8q{gap:6px;margin-bottom:clamp(18px,4vw,28px);display:flex}.pagenav-btn.svelte-1n46o8q{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:6px 14px;font-size:12.5px;transition:color .15s,border-color .15s,background .15s}.pagenav-btn.svelte-1n46o8q:hover{color:var(--text)}.pagenav-btn.active.svelte-1n46o8q{color:var(--accent);border-color:var(--line-strong);background:var(--surface)}.foot.svelte-1n46o8q{text-align:center;font-family:var(--font-mono);color:var(--muted);margin-top:clamp(28px,6vw,44px);font-size:11.5px;line-height:1.7}.foot-link.svelte-1n46o8q{color:var(--accent-3);border-bottom:1px solid #0000;text-decoration:none}.foot-link.svelte-1n46o8q:hover,.foot-link.svelte-1n46o8q:focus-visible{border-bottom-color:currentColor}.foot-dot.svelte-1n46o8q{background:var(--accent-3);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}