@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-ext-400-normal-C2zvOubV.woff2) format("woff2"),url(/assets/dm-mono-latin-ext-400-normal-1aZr6b2b.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2) format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-ext-500-normal-BtRyHRi6.woff2) format("woff2"),url(/assets/dm-mono-latin-ext-500-normal-Dw3M13d8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2) format("woff2"),url(/assets/dm-mono-latin-500-normal-CN8Miw6E.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--bg: #fbfbfa;--surface: #ffffff;--inset: #f4f4f2;--raise: #ecebe8;--feature: #ffffff;--line: #e6e5e1;--line-strong: #d6d5d0;--line-hover: #b1afa8;--text: #1b1a18;--body: #45433e;--muted: #86837b;--faint: #b1afa8;--accent: #4f46e5;--accent-press: #4338ca;--accent-ink: #ffffff;--accent-tint: #eef0fe;--accent-line: #d4d7fb;--flame: #e0553b;--warn: #b56a2e;--good: #2f9e57;--heat0: #edece8;--heat1: #cdd0f7;--heat2: #9aa0ef;--heat3: #4f46e5;--sans: "Hanken Grotesk Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--serif: var(--sans);--mono: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--r-sm: 8px;--r: 10px;--r-tile: 14px;--r-card: 16px;--r-pill: 999px;--pad-x: clamp(14px, 4vw, 48px);--pad-y: clamp(18px, 4vw, 40px);--gap: clamp(14px, 2vw, 20px);--ease: cubic-bezier(.22, .8, .28, 1)}:root[data-theme=dark]{--bg: #131316;--surface: #1b1b1f;--inset: #1f1f24;--raise: #2a2a31;--feature: #1b1b1f;--line: #2a2a31;--line-strong: #3a3a43;--line-hover: #55555f;--text: #f2f1ee;--body: #cfccc6;--muted: #97948c;--faint: #55555f;--accent: #8b83f2;--accent-press: #a49df6;--accent-ink: #14141a;--accent-tint: #23213a;--accent-line: #3a3568;--flame: #f0805f;--warn: #d69256;--good: #5cbb7d;--heat0: #26262c;--heat1: #38386a;--heat2: #5b57c0;--heat3: #8b83f2}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--bg: #131316;--surface: #1b1b1f;--inset: #1f1f24;--raise: #2a2a31;--feature: #1b1b1f;--line: #2a2a31;--line-strong: #3a3a43;--line-hover: #55555f;--text: #f2f1ee;--body: #cfccc6;--muted: #97948c;--faint: #55555f;--accent: #8b83f2;--accent-press: #a49df6;--accent-ink: #14141a;--accent-tint: #23213a;--accent-line: #3a3568;--flame: #f0805f;--warn: #d69256;--good: #5cbb7d;--heat0: #26262c;--heat1: #38386a;--heat2: #5b57c0;--heat3: #8b83f2}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);font-weight:400;font-synthesis-weight:none;color:var(--text);background:var(--bg);overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:16px;line-height:1.55}.app{width:100%;overflow-x:clip;min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.screen{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:var(--pad-y) var(--pad-x) 90px;animation:rise .4s var(--ease) both}.screen.narrow{max-width:640px}::selection{background:var(--accent);color:var(--accent-ink)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}@media(hover:none){.btn:hover,.keychip:hover,.bill:hover{border-color:var(--line-strong)}.btn--accent:hover{background:var(--accent)}.btn--ghost:hover{background:transparent;color:var(--muted)}}h1{font-family:var(--sans);font-weight:650;font-size:clamp(26px,3.2vw,36px);line-height:1.1;letter-spacing:-.02em;margin:0}h2{font-family:var(--sans);font-weight:640;font-size:1.5rem;line-height:1.15;letter-spacing:-.01em;margin:0}.eyebrow{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:.87rem;line-height:1.55}.mono{font-family:var(--mono)}.serif{font-family:var(--sans);font-weight:640;letter-spacing:-.02em}.topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px var(--pad-x);position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.topbar .back{background:none;border:none;color:var(--accent);font-family:var(--sans);font-size:.95rem;font-weight:500;padding:6px 2px;cursor:pointer}.wordmark{font-family:var(--sans);font-weight:650;font-size:19px;letter-spacing:-.02em}.tag-pill{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.nav{display:flex;gap:2px;overflow-x:auto;min-width:0;max-width:100%;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav button{border:none;background:transparent;color:var(--muted);padding:8px 15px;border-radius:var(--r-pill);font:inherit;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .15s var(--ease),background .15s}.nav button:hover{color:var(--text)}.nav button.on{background:var(--raise);color:var(--text)}.brand{display:flex;align-items:baseline;gap:10px;margin-right:auto;background:none;border:none;padding:0;cursor:pointer;color:var(--text);font:inherit;min-width:0}.tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tabbar button{flex:1;min-width:0;border:none;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:550;letter-spacing:-.01em;padding:8px 2px;border-radius:var(--r-sm);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;white-space:nowrap}.tabbar button .dot{width:5px;height:5px;border-radius:50%;background:transparent}.tabbar button.on{color:var(--accent)}.tabbar button.on .dot{background:var(--accent)}@media(max-width:680px){.topbar .nav{display:none}.tabbar{display:flex}.screen,.show.screen{padding-bottom:96px}}.subnav{position:sticky;top:57px;z-index:9;display:flex;gap:4px;overflow-x:auto;min-width:0;scrollbar-width:none;padding:10px var(--pad-x);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}.subnav::-webkit-scrollbar{display:none}.subnav button{border:1px solid transparent;background:transparent;color:var(--muted);padding:6px 13px;border-radius:var(--r-pill);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap;transition:color .15s var(--ease),border-color .15s}.subnav button:hover{color:var(--text)}.subnav button.on{color:var(--accent);border-color:var(--accent-line);background:var(--accent-tint)}.plate{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:clamp(18px,2.5vw,28px)}.plate+.plate{margin-top:var(--gap)}.plate.tight{padding:20px}.plate.feature{background:var(--feature);padding:clamp(22px,3vw,36px)}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.stack>*+*{margin-top:12px}.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(12px,1.6vw,18px)}.stat{display:flex;flex-direction:column;gap:6px}.stat .n{font-family:var(--sans);font-weight:640;font-size:34px;line-height:1;letter-spacing:-.02em}.stat .n.hot{color:var(--accent)}.stat .label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}button{font-family:var(--sans)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-strong);background:transparent;color:var(--text);padding:12px 16px;border-radius:var(--r);font-size:.95rem;font-weight:500;cursor:pointer;transition:background .15s var(--ease),border-color .15s,transform .06s,color .15s}.btn:hover{border-color:var(--line-hover)}.btn:active{transform:scale(.985)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--accent{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600}.btn--accent:hover{background:var(--accent-press);border-color:transparent}.btn--big{width:100%;padding:15px;font-size:1rem;font-weight:600}.btn--ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn--ghost:hover{color:var(--text);border-color:transparent;background:var(--raise)}.btn.tiny{padding:8px 15px;font-size:.82rem;border-radius:var(--r-pill)}.btn.tiny.on{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600}.hero{display:flex;flex-direction:column;justify-content:space-between;min-height:230px}.hero .key{font-family:var(--sans);font-weight:600;font-size:clamp(60px,10vw,104px);line-height:.9;letter-spacing:-.03em;margin:14px 0 12px;color:var(--text)}.hero .key .accidental{color:var(--accent)}.streak{display:inline-flex;align-items:center;gap:7px;font-size:.9rem;font-weight:500;color:var(--text);background:var(--raise);border:1px solid var(--line);padding:6px 13px;border-radius:var(--r-pill)}.headliner{font-family:var(--sans);font-weight:640;font-size:clamp(22px,3vw,28px);line-height:1.15;letter-spacing:-.02em;margin-top:6px}.numbers{font-family:var(--mono);font-size:13px;color:var(--accent);margin-top:5px}.duo{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.duo .btn{padding:15px 8px}.fill-notes{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 4px}.fill-note{font-family:var(--mono);font-size:14px;color:var(--text);background:var(--inset);border:1px solid var(--line);border-radius:7px;padding:6px 9px;min-width:34px;text-align:center}.vamp-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:1px;margin:20px 0 4px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.vamp-strip.row7{grid-template-columns:repeat(7,minmax(0,1fr))}.vamp-strip.row7 .bar{padding:14px 2px}.vamp-strip.row7 .bar__chord{font-size:clamp(13px,1.5vw,19px)}.bar{background:var(--inset);padding:20px 8px;text-align:center;transition:background .25s var(--ease),color .25s var(--ease)}.bar__chord{font-family:var(--mono);font-size:clamp(19px,2.4vw,29px);font-weight:500;line-height:1.1;color:var(--text)}.bar__chord .accidental{color:var(--accent)}.bar__num{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--muted);margin-top:8px}.bar.active{background:var(--accent-tint)}.bar.active .bar__chord{color:var(--accent)}.keychips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}.keychip-tier{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);width:84px;flex:0 0 auto}.keychip{font-family:var(--mono);font-size:13px;color:var(--muted);border:1px solid var(--line-strong);background:transparent;border-radius:8px;padding:8px 14px;cursor:pointer;min-width:46px;transition:all .14s var(--ease)}.keychip:hover{border-color:var(--line-hover);color:var(--text)}.keychip.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:650;box-shadow:0 0 0 3px var(--accent-tint)}.keychip.active:hover{border-color:var(--accent)}.chart{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column}.chart li{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.6;color:var(--text);text-wrap:pretty}.chart li .n{font-family:var(--mono);font-size:12px;color:var(--accent);padding-top:3px}.chart li .text{flex:1;min-width:0}.note-body{font-size:15px;line-height:1.65;color:var(--body);white-space:pre-line}.note-body p{margin:0 0 14px;text-wrap:pretty}.note-body strong{color:var(--text);font-weight:600}.note-h2{font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.2;color:var(--text);margin:28px 0 12px}.note-h3{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:24px 0 10px}.note-list{margin:0 0 14px;padding-left:20px}.note-list li{margin-bottom:8px;text-wrap:pretty}.note-quote{margin:0 0 16px;padding:12px 16px;border-left:2px solid var(--accent-line);background:var(--inset);border-radius:0 var(--r-sm) var(--r-sm) 0}.note-quote p:last-child{margin:0}.note-body hr{border:none;border-top:1px solid var(--line);margin:24px 0}.note-table-wrap{overflow-x:auto;margin:0 0 18px}.note-table{border-collapse:collapse;width:100%;font-size:14px}.note-table th,.note-table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}.note-table th{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:400;white-space:nowrap}.show .live-row{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--line)}.show .live-when{flex:0 0 clamp(140px,24%,230px);font-weight:600;font-size:17px}.show .live-then{flex:1 1 240px;min-width:0;color:var(--body);font-size:16px;text-wrap:pretty}.show-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.show-tabs::-webkit-scrollbar{display:none}.show-tabs button{border:1px solid var(--line-strong);background:transparent;color:var(--muted);padding:12px 20px;border-radius:var(--r-pill);font:inherit;font-size:16px;cursor:pointer;white-space:nowrap}.show-tabs button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.plate.panic{text-align:left;cursor:pointer;font:inherit;color:var(--text)}.plate.panic.on{border-color:var(--accent);background:var(--accent-tint)}.panic-chords{display:flex;gap:18px;flex-wrap:wrap;margin:10px 0 4px;font-family:var(--mono);font-size:clamp(30px,6vw,50px);font-weight:500}.rungs{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.rung{width:38px;height:38px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:transparent;color:var(--muted);font-family:var(--mono);font-size:14px;cursor:pointer;transition:all .14s var(--ease)}.rung:hover{border-color:var(--line-hover);color:var(--text)}.rung.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.gate{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.5;cursor:pointer;text-wrap:pretty}.gate input{accent-color:var(--accent);width:18px;height:18px;margin-top:2px;flex:0 0 auto}.gate input:checked+span{color:var(--good)}.gate span{flex:1;min-width:0}.chain{display:flex;flex-direction:column;gap:1px;margin-top:16px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.chain-stop{display:flex;align-items:baseline;gap:14px;text-align:left;width:100%;background:var(--inset);border:none;color:var(--text);font:inherit;padding:14px 16px;cursor:pointer;transition:background .15s var(--ease)}.chain-stop:hover{background:var(--raise)}.chain-stop.playing{background:var(--accent-tint)}.chain-key{font-family:var(--mono);font-size:15px;color:var(--accent);width:34px;flex:0 0 auto}.chain-chords{font-family:var(--mono);font-size:15px;color:var(--body)}.chain-seam{background:var(--inset);color:var(--warn);padding:6px 16px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.chain-stop.playing .chain-chords{color:var(--text)}.metro{text-align:center}.metro .bpm{font-family:var(--mono);font-size:clamp(40px,5vw,56px);font-weight:500;margin:10px 0 0}.metro .bpm small{font-family:var(--sans);font-size:14px;color:var(--muted);font-weight:400}.beats{display:flex;gap:16px;justify-content:center;margin:16px 0}.beatdot{width:16px;height:16px;border-radius:50%;background:var(--line);transition:transform .06s var(--ease),background .06s}.beatdot.on{background:var(--accent);transform:scale(1.5)}.beatdot.accent.on{background:var(--flame)}input[type=range]{width:100%;accent-color:var(--accent);height:30px}.disclosure{border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.disclosure>summary{cursor:pointer;padding:13px 16px;list-style:none;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;justify-content:space-between}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:after{content:"＋";font-size:14px}.disclosure[open]>summary{border-bottom:1px solid var(--line)}.disclosure[open]>summary:after{content:"－"}.disclosure>:not(summary){padding:4px 16px 16px}.disclosure .chart{margin-top:4px}.filterbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.bill-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(12px,1.6vw,18px)}.bill{text-align:left;width:100%;display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-tile);padding:20px;cursor:pointer;color:var(--text);font:inherit;transition:border-color .15s var(--ease),transform .06s}.bill:hover{border-color:var(--line-hover)}.bill:active{transform:scale(.99)}.bill .name{font-family:var(--sans);font-weight:640;font-size:19px;line-height:1.2;letter-spacing:-.01em}.bill .numbers{margin-top:0}.bill .meta{font-size:13px;color:var(--muted)}.bill.pinned{border-color:var(--accent)}.guide{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:18px}.guide-line{margin:0;line-height:1.6;font-size:14px;color:var(--body);text-wrap:pretty}.guide-hand{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:400;color:var(--accent);background:var(--accent-tint);border:1px solid var(--accent-line);border-radius:4px;padding:1px 6px;margin-right:8px;vertical-align:1px}.trap{margin:14px 0 0;font-size:14px;color:var(--muted);text-wrap:pretty}.trap .label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--warn);margin-right:8px}.heat{display:grid;grid-template-columns:repeat(14,1fr);gap:5px;margin-top:14px}.heatcell{aspect-ratio:1;border-radius:3px;background:var(--heat0)}.heatcell.l1{background:var(--heat1)}.heatcell.l2{background:var(--heat2)}.heatcell.l3{background:var(--heat3)}.rec-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;font-size:14px}.rec-row+.rec-row{border-top:1px solid var(--line)}.rec-row .detail{font-family:var(--mono);font-size:13px;color:var(--muted)}.field{width:100%;padding:14px;border-radius:var(--r);background:var(--bg);border:1px solid var(--line-strong);color:var(--text);font-size:16px;font-family:var(--mono)}.field:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--muted);flex:0 0 auto}.status-dot.on{background:var(--good)}.help-body{font-size:15px;line-height:1.62;color:var(--body)}.help-body p{margin:10px 0 0;text-wrap:pretty}.help-body ul{margin:10px 0 0;padding-left:20px}.help-body li{margin:5px 0;text-wrap:pretty}.help-body strong{color:var(--text);font-weight:600}a{color:var(--accent);text-decoration:none;text-underline-offset:2px}a:hover{color:var(--accent-press);text-decoration:underline}code{font-family:var(--mono);background:var(--accent-tint);border:1px solid var(--accent-line);padding:1px 6px;border-radius:4px;color:var(--accent);font-size:.86em}.note-bill{text-decoration:none;color:var(--text)}.note-bill .name{text-align:left;align-self:flex-start}.bill-list a.bill{align-items:flex-start;text-align:left}.note-snippet{font-style:italic}.note-toc{margin:16px 0}.note-toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.note-toc a{font-size:.9rem;text-decoration:none}.note-toc a:hover{text-decoration:underline}.note-chip{font-family:var(--mono);text-transform:none}.note-chip--tag{color:var(--accent);border-color:transparent;background:var(--accent-tint)}.backlink{display:block;font-size:.92rem;text-decoration:none;color:var(--text);padding:2px 0}.backlink:hover{color:var(--accent)}.note-body{margin-top:18px;line-height:1.65}.note-body h1{font-size:1.3rem;margin:26px 0 10px}.note-body h2{font-size:1.12rem;margin:24px 0 10px;padding-top:10px;border-top:1px solid var(--line)}.note-body h2:first-child{border-top:none;padding-top:0}.note-body h3{font-size:1rem;margin:18px 0 8px}.note-body h4{font-size:.92rem;margin:14px 0 6px;color:var(--muted)}.note-body p{margin:10px 0}.note-body ul,.note-body ol{margin:10px 0;padding-left:22px}.note-body li{margin:4px 0}.note-body li>ul,.note-body li>ol{margin:4px 0}.note-body li.task-list-item{list-style:none;margin-left:-22px}.note-body strong{font-weight:650}.note-body hr{border:none;border-top:1px solid var(--line);margin:22px 0}.note-body blockquote{margin:12px 0;padding:2px 14px;border-left:3px solid var(--line-strong);color:var(--muted)}.note-body pre{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;overflow-x:auto;margin:12px 0}.note-body pre code{background:none;padding:0;color:var(--text);font-size:.85rem}.note-body :not(pre)>code{word-break:break-word}.note-body table{display:block;overflow-x:auto;border-collapse:collapse;width:100%;margin:14px 0;font-size:.88rem}.note-body th,.note-body td{border:1px solid var(--line);padding:7px 10px;text-align:left}.note-body th{background:var(--bg);font-weight:650}.wikilink{text-decoration:none}.wikilink:not(a){cursor:default}a.wikilink{border-bottom:1px dotted var(--accent)}a.wikilink:hover{border-bottom-style:solid}.wikilink--broken{color:var(--faint);border-bottom:1px dotted var(--faint)}.wikilink--canvas{color:var(--faint);font-style:italic}.callout{margin:14px 0;padding:12px 14px;border-radius:var(--r);border:1px solid var(--line-strong);border-left-width:4px;background:var(--bg)}.callout__title{margin:0 0 6px;font-weight:650;font-size:.9rem}.callout__body{font-size:.92rem}.callout__body>*:first-child{margin-top:0}.callout__body>*:last-child{margin-bottom:0}.callout--tip,.callout--example{border-left-color:var(--good)}.callout--warning,.callout--important{border-left-color:var(--flame)}.callout--danger{border-left-color:#e5484d}.callout--note,.callout--info,.callout--quote{border-left-color:var(--accent)}@media(min-width:700px){.note-body{font-size:1.02rem}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.kb{width:100%;height:auto;display:block;max-width:520px;margin:12px auto 0}.kb-white{fill:var(--surface);stroke:var(--line-strong);stroke-width:1}.kb-black{fill:var(--text);stroke:var(--text);stroke-width:1}.kb-white.on{fill:var(--accent-tint);stroke:var(--accent);stroke-width:1.5}.kb-black.on{fill:var(--accent-press);stroke:var(--accent)}.kb-white.root,.kb-black.root{fill:var(--accent);stroke:var(--accent)}.kb-white.soft{fill:color-mix(in srgb,var(--good) 22%,var(--surface));stroke:var(--good)}.kb-black.soft{fill:var(--good);stroke:var(--good)}.kb-label{fill:var(--accent);font-family:var(--mono);font-size:11px;font-weight:600}.kb-label.on-black,.kb-label.on-fill{fill:var(--accent-ink)}.shout{text-align:center;padding:10px 0 4px}.shout__num{font-family:var(--mono);font-weight:500;font-size:clamp(64px,16vw,108px);line-height:1;color:var(--accent)}.shout__ans{font-family:var(--mono);font-size:clamp(24px,6vw,36px);min-height:1.4em;color:var(--muted);opacity:0;transition:opacity .12s var(--ease)}.shout__ans.on{opacity:1;color:var(--text)}.card-q{font-family:var(--sans);font-weight:640;font-size:clamp(24px,5vw,32px);letter-spacing:-.02em;margin:18px 0 6px;text-align:center}.card-a{font-family:var(--mono);font-size:clamp(30px,7vw,46px);text-align:center;color:var(--text)}.card-a .accidental{color:var(--accent)}.key-hero{font-family:var(--sans);font-weight:600;letter-spacing:-.03em;font-size:clamp(52px,8vw,84px);line-height:.95;color:var(--text);margin:6px 0 8px}.key-hero .accidental{color:var(--accent)}.key-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-top:14px}.key-tile{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--inset);border:1px solid var(--line);border-radius:var(--r-tile);padding:16px 8px;cursor:pointer;color:var(--text);font:inherit;transition:border-color .14s var(--ease),transform .06s}.key-tile:hover{border-color:var(--line-hover)}.key-tile:active{transform:scale(.98)}.key-tile.learned{border-color:var(--accent);background:var(--accent-tint)}.key-tile.review{border-color:var(--warn);background:transparent}.key-tile--waiting{border-style:dashed;opacity:.62}.key-tile.review .key-tile__state{color:var(--warn)}.key-tile__glyph{font-family:var(--sans);font-weight:600;font-size:30px;letter-spacing:-.02em}.key-tile__glyph .accidental{color:var(--accent)}.key-tile__state{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted)}.key-tile.learned .key-tile__state{color:var(--good)}.tool-list{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.tool-list.scrolly{max-height:340px;overflow-y:auto}.tool-row{display:flex;align-items:center;gap:12px;background:var(--inset);padding:11px 14px}button.tool-row{width:100%;border:none;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer}button.tool-row:hover .tool-row__name{color:var(--accent)}button.tool-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tool-row__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.tool-row__name{font-size:14px;font-weight:550}.tool-row__chords{font-family:var(--mono);font-size:13px;color:var(--body)}.tool-row__chords .accidental{color:var(--accent)}.tool-row .btn.tiny{flex:0 0 auto;min-width:40px;padding:7px 12px}.tool-row__open{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.tool-row__open:hover .tool-row__name{color:var(--accent)}.tool-row__open:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.tool-row__sub{font-size:12.5px;color:var(--muted);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tool-row__tempo{flex:0 0 auto;font-family:var(--mono);font-size:12px;color:var(--muted)}@media(max-width:520px){.tool-row__tempo{display:none}}.competency__head{display:flex;align-items:center;gap:10px}.competency__toggle{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:none;border:none;padding:0;cursor:pointer;color:var(--text);font:inherit;text-align:left}.competency__chev{margin-left:auto;font-family:var(--mono);color:var(--muted);font-size:15px}.competency.done .competency__toggle .headliner{color:var(--muted)}.competency__body{margin-top:14px}.learn-meta{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.learn-line{margin:0;font-size:14px;line-height:1.55;color:var(--body);text-wrap:pretty}.learn-label{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:10px;vertical-align:1px;min-width:34px}.learn-label.goal{color:var(--good)}.key-vamps{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.vamp-toggle{display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid var(--line-strong);background:transparent;color:var(--text);border-radius:var(--r);padding:12px 14px;cursor:pointer;font:inherit;transition:border-color .14s var(--ease),background .14s}.vamp-toggle:hover{border-color:var(--line-hover)}.vamp-toggle.on{border-color:var(--accent);background:var(--accent-tint)}.vamp-toggle .numbers{margin-top:0}.coverage{display:flex;align-items:center;gap:10px;padding:3px 0}.coverage-key{font-family:var(--mono);font-size:13px;color:var(--body);width:30px;flex:0 0 auto}.coverage-bar{flex:1;height:8px;background:var(--line);border-radius:4px;overflow:hidden}.coverage-bar>span{display:block;height:100%;border-radius:4px}.coverage-n{font-family:var(--mono);font-size:12px;color:var(--muted);width:22px;text-align:right;flex:0 0 auto}.strip-links{display:grid;grid-template-columns:1fr;gap:2px;margin-top:10px}@media(min-width:560px){.strip-links{grid-template-columns:1fr 1fr;gap:var(--gap)}}.strip-link{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;text-align:left;font:inherit;cursor:pointer;background:none;border:none;border-top:1px solid var(--line);padding:10px 0 0}.strip-link:hover span{color:var(--text)}.queue-head{display:flex;flex-wrap:wrap;gap:var(--gap);align-items:center;margin-bottom:var(--gap)}.seg{display:flex;gap:2px;background:var(--inset);border-radius:var(--r-pill);padding:3px}.seg button{border:none;background:transparent;color:var(--muted);font:inherit;font-size:14px;padding:8px 15px;border-radius:var(--r-pill);cursor:pointer}.seg button.on{background:var(--surface);color:var(--text)}.chips{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.chip{font-family:var(--mono);font-size:13px;color:var(--muted);border:1px solid var(--line-strong);background:transparent;border-radius:var(--r-sm);padding:7px 12px;cursor:pointer;min-width:44px}.chip.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.move-line{margin:16px 0 0;font-size:15px;color:var(--body)}.move-line strong{color:var(--text);font-weight:600}.move-line .accidental{color:var(--accent)}.queue{list-style:none;margin:var(--gap) 0 0;padding:0;display:flex;flex-direction:column}.queue-row{display:flex;align-items:baseline;gap:14px;width:100%;text-align:left;background:transparent;border:none;border-top:1px solid var(--line);color:var(--text);font:inherit;padding:14px 2px;cursor:pointer}.queue-row:hover:not(:disabled){background:var(--inset)}.queue-row:disabled{cursor:default;color:var(--muted)}.queue-tick{width:16px;flex:0 0 auto;color:var(--good);font-size:14px}.queue-title{flex:1;min-width:0}.queue-mins{font-size:12px;color:var(--muted)}.queue-item.done .queue-title{color:var(--muted);text-decoration:line-through}.queue-item.phase-warm .queue-row,.queue-item.phase-perform .queue-row{color:var(--body)}.queue-item.phase-warm .queue-row:disabled,.queue-item.phase-perform .queue-row:disabled{color:var(--muted)}.queue-item.phase-perform{margin-top:10px;border-top:1px solid var(--line-strong)}.rusty-flag{display:block;margin:14px auto 0}.grade-bar{position:sticky;bottom:0;display:grid;gap:8px;margin-top:var(--gap);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 70%,transparent)}@media(max-width:680px){.grade-bar{bottom:calc(64px + env(safe-area-inset-bottom))}}.climb-list{display:flex;flex-direction:column;gap:6px;margin:14px 0 4px}.climb-rung{display:flex;align-items:flex-start;gap:10px;text-align:left;border:1px solid var(--line);background:transparent;color:var(--text);padding:10px 12px;border-radius:var(--r);font-size:.9rem;cursor:pointer;transition:background .15s var(--ease),border-color .15s}.climb-rung:hover:not(:disabled){border-color:var(--line-hover)}.climb-rung--done{opacity:.55;cursor:default}.climb-rung--reached{border-color:var(--accent-line);background:var(--accent-tint)}.climb-rung__n{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);font-size:.75rem;font-weight:600}.climb-rung--reached .climb-rung__n{border-color:var(--accent);color:var(--accent)}.climb-rung__detail{display:block;color:var(--muted);font-size:.82rem;margin-top:2px}.what-line{color:var(--muted);font-size:.9rem;font-style:italic;margin:12px 0 2px}.hand-switch{display:flex;gap:6px;justify-content:center;margin:12px 0 4px}.howto{margin:14px 0 4px}.howto__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.howto__tempo{font-family:var(--mono);font-size:.85rem;color:var(--muted)}.howto__notes{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}.howto__note{font-family:var(--mono);font-size:.85rem;border:1px solid var(--line);border-radius:6px;padding:2px 7px;color:var(--body)}.kticks{display:flex;flex-direction:column;gap:8px;margin-top:12px}.ktick{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;font-size:.9rem;cursor:pointer;transition:background .15s var(--ease),border-color .15s}.ktick__body{display:flex;flex-direction:column;gap:2px}.ktick__name{font-weight:500}.ktick__goal{color:var(--muted);font-size:.82rem;line-height:1.35}.ktick input{margin-top:2px}.ktick:hover{border-color:var(--line-hover)}.ktick.on{border-color:var(--accent-line);background:var(--accent-tint)}.ktick--derived{opacity:.6;cursor:default}.ktick input{accent-color:var(--accent)}.competency__tick{accent-color:var(--accent);margin-right:10px;flex:none}.unit-tick{margin-right:0;width:16px;height:16px;cursor:pointer}.tool-row.done .tool-row__name{color:var(--muted)}.tool-row.done .tool-row__chords{opacity:.55}.unit-count{font-family:var(--mono);font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 8px;flex:none;margin-left:8px}.unit-count.all{color:var(--accent);border-color:var(--accent)}.ear-choice{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid var(--line);border-radius:var(--r);background:transparent;color:var(--text);padding:12px 14px;font-size:.95rem;cursor:pointer;transition:background .15s var(--ease),border-color .15s}.ear-choice:hover:not(:disabled){border-color:var(--line-hover)}.ear-choice:disabled{cursor:default}.ear-choice.right{border-color:var(--good, var(--accent));background:var(--accent-tint)}.ear-choice.wrong{opacity:.5;text-decoration:line-through}.ear-choice .numbers{font-family:var(--mono);font-size:.8rem;color:var(--muted)}.gate--waiting{opacity:.55}.flash-answer{font-size:1.6rem;line-height:1.3;font-weight:650;color:var(--accent);text-align:center;margin:var(--gap) 0 0}.flash-why{color:var(--muted);font-size:.9rem;line-height:1.5;text-align:center;margin:8px 0 0}.tempo-history{text-align:center;font-size:.85rem;color:var(--muted);margin:6px 0 0}.tempo-history strong,.queue-item.relearning .queue-tick{color:var(--accent)}.queue-item.relearning .queue-title{opacity:.85}.leech-label{min-width:0;overflow-wrap:anywhere;line-height:1.35}.stage-strip{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:0;border:none;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:var(--r-sm)}.stage-strip:hover .eyebrow,.stage-strip:focus-visible .eyebrow{color:var(--accent)}.stage-strip:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.locked{position:relative}.locked__veil{filter:blur(5px);opacity:.75;-webkit-user-select:none;user-select:none;pointer-events:none}@media(prefers-reduced-motion:reduce){.locked__veil{filter:blur(4px)}}.locked__tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-line);background:var(--accent-tint);border-radius:var(--r-pill);padding:2px 9px;white-space:nowrap}.upsell{display:flex;flex-direction:column;gap:10px;align-items:flex-start;border:1px solid var(--accent-line);background:var(--accent-tint);border-radius:var(--r);padding:18px 20px;margin-top:var(--gap)}.upsell h3{margin:0;font-size:1.02rem}.upsell p{margin:0;font-size:14px;color:var(--body)}.landing{max-width:1120px;margin:0 auto;padding:clamp(20px,4vw,44px) clamp(16px,4vw,32px) 96px;display:flex;flex-direction:column;gap:clamp(48px,7vw,96px)}.landing__hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center;padding-top:clamp(8px,3vw,40px)}.landing__heroText{display:flex;flex-direction:column;gap:18px}.landing__hero h1{margin:0;font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.04;letter-spacing:-.03em;font-weight:660;text-wrap:balance}.landing__lede{margin:0;max-width:56ch;font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.62;color:var(--body)}.landing__cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.landing__cta .btn--big{width:auto;padding-inline:26px}.landing__heroCard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-tile, 12px);padding:22px;display:flex;flex-direction:column;gap:9px;box-shadow:0 18px 40px -28px #00000080}.fakerow{display:flex;justify-content:space-between;align-items:baseline;gap:14px;background:var(--inset);border-radius:7px;padding:10px 13px;font-size:14px}.fakerow .mono{font-family:var(--mono);font-size:12px;color:var(--muted)}.landing__points{display:grid;gap:clamp(22px,3vw,34px);grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.landing__point{display:flex;flex-direction:column;gap:7px}.landing__point h2{margin:0;font-size:1.06rem;letter-spacing:-.01em}.landing__point p{margin:0;color:var(--body);line-height:1.6;font-size:14.5px}.landing__library{display:flex;flex-direction:column;gap:18px}.stylegrid{display:flex;flex-wrap:wrap;gap:8px}.stylechip{border:1px solid var(--line-strong);border-radius:var(--r-pill, 999px);padding:6px 14px;font-size:13.5px;color:var(--body)}.stylechip.on{border-color:var(--accent);color:var(--text);background:var(--accent-tint)}.stylechip em{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-left:5px}.libcols{display:grid;gap:clamp(20px,3vw,34px);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:6px}.libcols h3{margin:0 0 6px;font-size:.98rem}.libcols p{margin:0;font-size:14px;line-height:1.6;color:var(--body)}.landing__pricing{display:flex;flex-direction:column;gap:22px}.plans{display:grid;gap:clamp(16px,2.5vw,26px);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}.plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-tile, 12px);padding:clamp(22px,3vw,30px);display:flex;flex-direction:column;gap:14px}.plan--lead{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-line)}.plan__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.plan__head h3{margin:0;font-size:1.15rem}.plan__price{margin:0;font-size:1.6rem;letter-spacing:-.02em}.plan__price strong{font-weight:660}.plan__price .muted{font-size:.85rem;font-weight:400}.plan__note{margin:0;font-size:13.5px;color:var(--muted)}.plan ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.plan li{font-size:14.5px;line-height:1.5;color:var(--body)}.plan li::marker{color:var(--faint)}.plan .btn{width:100%}.landing__closer{display:flex;flex-direction:column;gap:8px}.landing__closer p{margin:0;color:var(--body)}.linkish{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--accent);text-decoration:underline}@media(max-width:860px){.landing__hero{grid-template-columns:1fr}.landing__heroCard{display:none}}