[data-room-theme=sunburst],:root:not([data-room-theme]){--ink: #f4eadb;--muted: #b3a08a;--night: #120b07;--night-deep: #070403;--gold: #f2b24c;--gold-dim: #9b6a26;--line: rgba(242, 178, 76, .26);--panel: #1c130d;--panel-edge: rgba(255, 226, 180, .07);--paper: #efe3cb;--paper-ink: #2a1b10;--btn-top: #ffd894;--btn-bottom: #d98b2b;--sky-1: #3a1d0b;--sky-2: #0b0604;--lamp-a: rgba(255, 168, 70, .3);--lamp-b: rgba(120, 30, 10, .4);--shadow-hard: rgba(0, 0, 0, .6);--chord: #ff7a4a;--board-a: #3a2016;--board-b: #24130c;--inlay: #f3ece2;--dock-art: none;--room-art: none}[data-room-theme=stack]{--ink: #f2ede4;--muted: #a8a196;--night: #0f0e0d;--night-deep: #050505;--gold: #e8c46a;--gold-dim: #8a7032;--line: rgba(232, 196, 106, .26);--panel: #191816;--panel-edge: rgba(255, 255, 255, .06);--paper: #ece4d2;--paper-ink: #1a1712;--btn-top: #f5dc94;--btn-bottom: #c9963a;--sky-1: #2a2622;--sky-2: #070707;--lamp-a: rgba(255, 210, 120, .2);--lamp-b: rgba(160, 30, 20, .3);--shadow-hard: rgba(0, 0, 0, .7);--chord: #ff5a3c;--board-a: #2c1a12;--board-b: #170d08;--inlay: #f2efe8;--dock-art: repeating-linear-gradient(45deg, rgba(255, 255, 255, .025) 0 2px, transparent 2px 5px)}[data-room-theme=delta]{--ink: #e9eaf6;--muted: #9ea3c4;--night: #0b0d1c;--night-deep: #04050c;--gold: #e3a857;--gold-dim: #8f6630;--line: rgba(227, 168, 87, .26);--panel: #12152a;--panel-edge: rgba(180, 190, 255, .07);--paper: #ede2cc;--paper-ink: #1b1a2a;--btn-top: #f6cf8e;--btn-bottom: #c47f2e;--sky-1: #1d2350;--sky-2: #05060f;--lamp-a: rgba(90, 110, 255, .24);--lamp-b: rgba(227, 168, 87, .16);--shadow-hard: rgba(0, 0, 0, .65);--chord: #7ea6ff;--board-a: #2d1a14;--board-b: #1a0e0a;--inlay: #e9e6f4}[data-room-theme=neon]{--ink: #fbeefa;--muted: #c3a6c6;--night: #140a1c;--night-deep: #07030b;--gold: #ff8fd2;--gold-dim: #a3477f;--line: rgba(255, 143, 210, .28);--panel: #1d1028;--panel-edge: rgba(255, 200, 250, .08);--paper: #fdf0f6;--paper-ink: #2a1030;--btn-top: #ffc2e6;--btn-bottom: #e0559f;--sky-1: #4a1460;--sky-2: #0b0412;--lamp-a: rgba(255, 120, 210, .28);--lamp-b: rgba(90, 210, 255, .2);--shadow-hard: rgba(0, 0, 0, .6);--chord: #6fe3ff;--board-a: #f0dcc0;--board-b: #d9bf9a;--inlay: #241a2a}[data-room-theme=whiskey]{--ink: #f6ecdc;--muted: #c0a687;--night: #1a0f08;--night-deep: #0a0603;--gold: #f0a848;--gold-dim: #9a6424;--line: rgba(240, 168, 72, .28);--panel: #241710;--panel-edge: rgba(255, 220, 170, .07);--paper: #f3e6cc;--paper-ink: #2b1a0c;--btn-top: #ffd99a;--btn-bottom: #d27e28;--sky-1: #5a2a10;--sky-2: #0d0704;--lamp-a: rgba(255, 170, 80, .3);--lamp-b: rgba(40, 170, 160, .16);--shadow-hard: rgba(0, 0, 0, .6);--chord: #3fd0c0;--board-a: #ecd2a4;--board-b: #d3b07a;--inlay: #1b120a}[data-room-theme=forge]{--ink: #eeeaea;--muted: #9a9090;--night: #0a0808;--night-deep: #030202;--gold: #e8392f;--gold-dim: #85201a;--line: rgba(232, 57, 47, .3);--panel: #141010;--panel-edge: rgba(255, 255, 255, .05);--paper: #d9d4d0;--paper-ink: #120c0c;--btn-top: #ff7a62;--btn-bottom: #b3150e;--sky-1: #2a0806;--sky-2: #030202;--lamp-a: rgba(255, 50, 30, .26);--lamp-b: rgba(255, 140, 60, .1);--shadow-hard: rgba(0, 0, 0, .75);--chord: #ffb347;--board-a: #151112;--board-b: #070606;--inlay: #d8dde0;--dock-art: repeating-linear-gradient(-45deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 6px)}[data-room-theme=smoke]{--ink: #efe9dd;--muted: #a39d8e;--night: #0c100f;--night-deep: #040606;--gold: #d9b56c;--gold-dim: #876b35;--line: rgba(217, 181, 108, .26);--panel: #131917;--panel-edge: rgba(200, 255, 230, .06);--paper: #ece4d0;--paper-ink: #16201c;--btn-top: #f1d89c;--btn-bottom: #b48a3a;--sky-1: #12322a;--sky-2: #040707;--lamp-a: rgba(80, 200, 160, .18);--lamp-b: rgba(217, 181, 108, .16);--shadow-hard: rgba(0, 0, 0, .65);--chord: #5fe0b0;--board-a: #1a1513;--board-b: #0b0908;--inlay: #efe9df;--dock-art: repeating-linear-gradient(90deg, rgba(217, 181, 108, .05) 0 1px, transparent 1px 14px)}[data-room-theme=velvet]{--ink: #f8ecff;--muted: #b9a0c9;--night: #140a1d;--night-deep: #07030c;--gold: #ffa53d;--gold-dim: #a85f17;--line: rgba(255, 165, 61, .28);--panel: #1f1030;--panel-edge: rgba(230, 190, 255, .08);--paper: #fbe9d2;--paper-ink: #2b1238;--btn-top: #ffd08a;--btn-bottom: #e46e1c;--sky-1: #3d1166;--sky-2: #08030f;--lamp-a: rgba(190, 90, 255, .28);--lamp-b: rgba(255, 165, 61, .2);--shadow-hard: rgba(0, 0, 0, .6);--chord: #d58bff;--board-a: #2f1b14;--board-b: #1a0d0a;--inlay: #fbe9ff}[data-room-theme=honey]{--ink: #fbefe0;--muted: #c4a68b;--night: #170c0a;--night-deep: #090404;--gold: #f5b544;--gold-dim: #9d6d1c;--line: rgba(245, 181, 68, .28);--panel: #22130f;--panel-edge: rgba(255, 220, 190, .07);--paper: #f6e7cf;--paper-ink: #2e150f;--btn-top: #ffdb95;--btn-bottom: #d68a22;--sky-1: #4a1a1a;--sky-2: #0a0404;--lamp-a: rgba(255, 180, 70, .28);--lamp-b: rgba(200, 60, 80, .22);--shadow-hard: rgba(0, 0, 0, .6);--chord: #ff7f8f;--board-a: #351d14;--board-b: #1f100b;--inlay: #f6e4d2}[data-room-theme=irie]{--ink: #f2f5e8;--muted: #a6b89a;--night: #0a120c;--night-deep: #040805;--gold: #f3cc3c;--gold-dim: #97801c;--line: rgba(243, 204, 60, .28);--panel: #111c14;--panel-edge: rgba(200, 255, 200, .07);--paper: #f1ebcf;--paper-ink: #142016;--btn-top: #ffe47e;--btn-bottom: #d6a51a;--sky-1: #143a1d;--sky-2: #040805;--lamp-a: rgba(243, 204, 60, .22);--lamp-b: rgba(220, 50, 40, .18);--shadow-hard: rgba(0, 0, 0, .6);--chord: #ff5d48;--board-a: #2e1c12;--board-b: #190e08;--inlay: #f2f0e0;--dock-art: linear-gradient(90deg, rgba(200, 48, 42, .16), rgba(243, 204, 60, .14), rgba(60, 160, 80, .16))}[data-room-theme=spruce]{--ink: #f1eee2;--muted: #a9ae97;--night: #0e110c;--night-deep: #050704;--gold: #e7c27a;--gold-dim: #8c7240;--line: rgba(231, 194, 122, .26);--panel: #161b13;--panel-edge: rgba(220, 240, 200, .06);--paper: #f0e7cf;--paper-ink: #1d2214;--btn-top: #f6dca0;--btn-bottom: #bd8f43;--sky-1: #22341c;--sky-2: #050704;--lamp-a: rgba(255, 196, 110, .22);--lamp-b: rgba(80, 140, 70, .22);--shadow-hard: rgba(0, 0, 0, .6);--chord: #9be37a;--board-a: #3a2216;--board-b: #22130b;--inlay: #f0ebdc}[data-room-theme=riso]{--ink: #f4f0e8;--muted: #b0a8a0;--night: #121218;--night-deep: #07070b;--gold: #ff6f59;--gold-dim: #a14334;--line: rgba(255, 111, 89, .28);--panel: #1a1a22;--panel-edge: rgba(255, 255, 255, .06);--paper: #f3eee2;--paper-ink: #1c1c2a;--btn-top: #ffb3a3;--btn-bottom: #e8503a;--sky-1: #1f2a5a;--sky-2: #07070b;--lamp-a: rgba(255, 111, 89, .22);--lamp-b: rgba(60, 110, 255, .24);--shadow-hard: rgba(0, 0, 0, .6);--chord: #5a8bff;--board-a: #e9d3ae;--board-b: #cdb184;--inlay: #1c1c2a}[data-room-theme=dusk]{--ink: #eeeaf8;--muted: #a7a2c2;--night: #100e1c;--night-deep: #06050c;--gold: #f6b98a;--gold-dim: #9c6a48;--line: rgba(246, 185, 138, .26);--panel: #191629;--panel-edge: rgba(220, 210, 255, .07);--paper: #efe6dc;--paper-ink: #1f1a30;--btn-top: #ffd6b3;--btn-bottom: #d98a6a;--sky-1: #3a2a5a;--sky-2: #07060d;--lamp-a: rgba(255, 170, 140, .24);--lamp-b: rgba(110, 90, 220, .26);--shadow-hard: rgba(0, 0, 0, .6);--chord: #a99bff;--board-a: #2a1c18;--board-b: #150d0b;--inlay: #ece6f6}[data-room-theme=cipher]{--ink: #f3ede0;--muted: #a89f8c;--night: #0b0a08;--night-deep: #040403;--gold: #e9c25a;--gold-dim: #8c6f2a;--line: rgba(233, 194, 90, .28);--panel: #15130f;--panel-edge: rgba(255, 240, 200, .06);--paper: #efe7d2;--paper-ink: #1b1710;--btn-top: #fbe39a;--btn-bottom: #c9962c;--sky-1: #2a2210;--sky-2: #040403;--lamp-a: rgba(233, 194, 90, .22);--lamp-b: rgba(120, 60, 200, .16);--shadow-hard: rgba(0, 0, 0, .7);--chord: #b48cff;--board-a: #1c1612;--board-b: #0b0806;--inlay: #efe7d2;--dock-art: repeating-linear-gradient(90deg, rgba(233, 194, 90, .04) 0 2px, transparent 2px 9px)}[data-room-theme=strobe]{--ink: #eaf4ff;--muted: #95a7c8;--night: #070a1c;--night-deep: #03040c;--gold: #5ee7ff;--gold-dim: #2a7f9a;--line: rgba(94, 231, 255, .28);--panel: #0d1230;--panel-edge: rgba(150, 200, 255, .08);--paper: #eef4ff;--paper-ink: #0c1236;--btn-top: #a8f3ff;--btn-bottom: #3aa6e0;--sky-1: #1a1060;--sky-2: #03040c;--lamp-a: rgba(94, 231, 255, .24);--lamp-b: rgba(220, 60, 255, .22);--shadow-hard: rgba(0, 0, 0, .65);--chord: #ff5ee0;--board-a: #241a16;--board-b: #120c0a;--inlay: #eef4ff}:root{--display: "Instrument Serif", "Times New Roman", serif;--brand: "Big Shoulders Display", "Arial Narrow", sans-serif;--ui: "Barlow Condensed", "Arial Narrow", sans-serif;--body: "Barlow", system-ui, sans-serif;--stamp: "JetBrains Mono", ui-monospace, monospace;--hand: var(--ui);--ease: cubic-bezier(.2, .9, .3, 1.25);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;min-height:100vh;background:var(--night-deep);color:var(--ink);font:400 16px/1.55 var(--body);-webkit-font-smoothing:antialiased;transition:background-color .5s ease}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:inherit}.room{position:relative;min-height:100vh;overflow-x:clip}.sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 8%,var(--lamp-a),transparent 70%),radial-gradient(ellipse 60% 50% at 88% 70%,var(--lamp-b),transparent 70%),radial-gradient(ellipse 120% 90% at 50% 0%,var(--sky-1),var(--sky-2) 75%);transition:background .6s ease}.sky:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(100deg,transparent 0 140px,color-mix(in srgb,var(--gold) 5%,transparent) 140px 141px),var(--dock-art, none);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,transparent 85%)}.sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.room-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:20px;padding:12px clamp(16px,4vw,40px);background:linear-gradient(180deg,color-mix(in srgb,var(--night-deep) 92%,transparent),color-mix(in srgb,var(--night-deep) 55%,transparent));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--panel-edge)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none}.brand-pick{width:24px;height:26px;fill:var(--gold);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--gold) 55%,transparent));transform:rotate(-12deg)}.brand span{font:800 30px/1 var(--brand);letter-spacing:.06em}.top-steps{display:flex;gap:4px;margin:0 auto}.top-steps a{font:600 13px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--muted);padding:8px 10px;border-radius:2px;position:relative}.top-steps a.is-done{color:var(--ink)}.top-steps a.is-done:after{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:2px;background:var(--gold);box-shadow:0 0 8px var(--gold)}.top-steps a:hover{color:var(--gold)}.menu-btn{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--panel);border:1px solid var(--line);border-radius:3px;font:600 13px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase}.menu-btn:hover{border-color:var(--gold);color:var(--gold)}.menu-glyph{display:grid;gap:3px}.menu-glyph i{display:block;width:14px;height:1.5px;background:currentColor}.menu-glyph i:nth-child(2){width:10px}.stage{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px) 180px}.hero{padding:clamp(48px,9vw,110px) 0 clamp(28px,5vw,56px);max-width:820px}.kicker,.sheet-kicker,.dial-kicker{font:600 13px/1 var(--ui);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0 0 18px}.hero h1{font:400 clamp(52px,9vw,112px)/.92 var(--display);margin:0;letter-spacing:-.015em}.hero h1 em{color:var(--gold);text-shadow:0 0 40px color-mix(in srgb,var(--gold) 45%,transparent)}.hero-line{font-size:clamp(17px,2vw,20px);color:color-mix(in srgb,var(--ink) 82%,var(--muted));max-width:620px;margin:26px 0 0}.step{padding:clamp(36px,6vw,64px) 0;border-top:1px solid var(--panel-edge);transition:opacity .4s ease}.step.is-locked{opacity:.32;pointer-events:none}.step.is-locked .step-head p{visibility:hidden}.step-head{display:flex;gap:22px;align-items:flex-start;margin-bottom:30px}.step-n{font:500 14px/1 var(--stamp);color:var(--gold);border:1px solid var(--line);padding:8px 9px;border-radius:2px;margin-top:8px;background:color-mix(in srgb,var(--gold) 6%,transparent)}.step-head h2{font:400 clamp(36px,5vw,54px)/1 var(--display);margin:0}.step-head p{margin:10px 0 0;color:var(--muted);max-width:640px}.text-btn{background:none;border:0;padding:6px 2px;color:var(--muted);font:500 15px/1.3 var(--ui);letter-spacing:.04em;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}.text-btn:hover{color:var(--gold);text-decoration-color:var(--gold)}.ghost-btn{background:transparent;border:1px dashed color-mix(in srgb,var(--gold) 55%,transparent);color:var(--ink);padding:10px 16px;border-radius:3px;font:600 14px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase}.ghost-btn:hover{border-style:solid;color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,transparent)}.picks{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(10px,2vw,22px) clamp(8px,1.6vw,18px)}.pick{position:relative;background:none;border:0;padding:0;display:grid;justify-items:center;transform:rotate(var(--tilt));transition:transform .3s var(--ease),filter .3s ease}.pick-art{width:100%;max-width:128px;aspect-ratio:100 / 108;filter:drop-shadow(0 10px 14px var(--shadow-hard));transition:filter .3s ease}.pick-edge{fill:none;stroke:#ffffff38;stroke-width:1.2}.pick-name{position:absolute;top:34%;font:700 clamp(13px,1.6vw,17px)/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7),0 0 12px rgba(0,0,0,.4);max-width:80%;text-align:center}.pick:hover{transform:rotate(0) translateY(-6px)}.pick.is-on{transform:rotate(0) translateY(-8px) scale(1.05)}.pick.is-on .pick-art{filter:drop-shadow(0 0 0 var(--gold)) drop-shadow(0 0 16px color-mix(in srgb,var(--gold) 70%,transparent)) drop-shadow(0 14px 18px var(--shadow-hard))}.pick.is-on .pick-edge{stroke:var(--gold);stroke-width:3}.pick:focus-visible{outline:none}.pick:focus-visible .pick-edge{stroke:var(--gold);stroke-width:3;stroke-dasharray:4 3}.dial-wrap{display:grid;justify-items:center;gap:18px}.dial{position:relative;width:min(440px,100%);aspect-ratio:1}.dial-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dial-rim{fill:color-mix(in srgb,var(--panel) 85%,#000);stroke:var(--line);stroke-width:1.5}.dial-track{fill:none;stroke:color-mix(in srgb,var(--gold) 14%,transparent);stroke-width:54}.dial-tick{stroke:color-mix(in srgb,var(--ink) 30%,transparent);stroke-width:1}.dial-knob{fill:color-mix(in srgb,var(--panel) 60%,#000);stroke:color-mix(in srgb,var(--ink) 18%,transparent);filter:drop-shadow(0 8px 14px var(--shadow-hard))}.dial-knurl{stroke:color-mix(in srgb,var(--ink) 22%,transparent);stroke-width:2}.dial-key{position:absolute;transform:translate(-50%,-50%);width:15%;aspect-ratio:1;border-radius:50%;border:1px solid transparent;background:transparent;display:grid;place-content:center;font:400 clamp(20px,3.4vw,30px)/1 var(--display);transition:background .2s ease,color .2s ease,transform .25s var(--ease)}.dial-key small{font:500 11px/1 var(--ui);color:var(--muted);letter-spacing:.06em;margin-top:2px}.dial-key:hover{color:var(--gold);transform:translate(-50%,-50%) scale(1.1)}.dial-key.is-on{background:radial-gradient(circle at 40% 32%,var(--btn-top),var(--btn-bottom));color:var(--paper-ink);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 40%,transparent),0 0 26px color-mix(in srgb,var(--gold) 70%,transparent)}.dial-key.is-on small{color:color-mix(in srgb,var(--paper-ink) 70%,transparent)}.dial-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;pointer-events:none}.dial-center .dial-kicker{margin:0 0 4px;font-size:11px}.dial-center strong{font:400 clamp(48px,9vw,74px)/1 var(--display);color:var(--gold);text-shadow:0 0 30px color-mix(in srgb,var(--gold) 50%,transparent)}.pedals{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,2vw,20px)}.pedal{--body-a: #6a6f78;--body-b: #3c4048;--led: #ff5a3c;position:relative;display:grid;grid-template-rows:auto auto 1fr auto;justify-items:center;gap:10px;min-height:210px;padding:14px 12px 16px;border:0;border-radius:7px;background:linear-gradient(160deg,rgba(255,255,255,.22),transparent 30%),linear-gradient(180deg,var(--body-a),var(--body-b));box-shadow:inset 0 1px #ffffff59,inset 0 -3px #0000004d,0 12px 0 -4px #0000008c,0 18px 24px var(--shadow-hard);color:#fff;text-align:center;transition:transform .18s var(--ease),box-shadow .18s ease}.pedal--bright{--body-a: #f6d24a;--body-b: #c89a12;--led: #ff4b2b;color:#2a1c00}.pedal--dreamy{--body-a: #8fb8ff;--body-b: #4664c8;--led: #c6f0ff}.pedal--swagger{--body-a: #ff8a3c;--body-b: #b84810;--led: #ffe36a}.pedal--soulful{--body-a: #57c49a;--body-b: #1f7a5a;--led: #ff6a8a}.pedal--sad{--body-a: #6d7d9c;--body-b: #2e3a56;--led: #8ec8ff}.pedal--dark{--body-a: #3a3a40;--body-b: #111114;--led: #ff2222}.pedal--exotic{--body-a: #b07ce8;--body-b: #5a2c96;--led: #ffd36a}.pedal--tense{--body-a: #c8cfd2;--body-b: #7b858a;--led: #3cff9a;color:#121518}.pedal-knobs{display:flex;gap:12px}.pedal-knobs i{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#555,#0c0c0c);box-shadow:0 2px 3px #00000080;position:relative}.pedal-knobs i:after{content:"";position:absolute;left:9px;top:2px;width:2px;height:7px;background:#eee;border-radius:1px}.pedal-knobs i:nth-child(1){transform:rotate(-40deg)}.pedal-knobs i:nth-child(3){transform:rotate(55deg)}.pedal-led{width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--led) 25%,#200);box-shadow:inset 0 1px 1px #0009;transition:background .2s ease,box-shadow .2s ease}.pedal-plate{display:grid;gap:4px;align-content:center}.pedal-plate strong{font:400 clamp(26px,3vw,32px)/1 var(--display)}.pedal-plate small{font:500 13px/1.25 var(--ui);letter-spacing:.03em;opacity:.85}.pedal-tag{position:absolute;top:-9px;right:8px;font:600 10px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;background:var(--paper);color:var(--paper-ink);padding:4px 6px;border-radius:2px;transform:rotate(3deg);box-shadow:0 2px 6px var(--shadow-hard)}.pedal-switch{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#f6f6f6,#8a8f96 55%,#3a3e44);box-shadow:0 4px #22252a,0 6px 10px #00000080;transition:transform .12s ease,box-shadow .12s ease}.pedal:hover{transform:translateY(-3px)}.pedal:active .pedal-switch{transform:translateY(3px);box-shadow:0 1px #22252a}.pedal.is-on{transform:translateY(2px);box-shadow:inset 0 1px #ffffff59,0 8px 0 -4px #0000008c,0 0 0 2px var(--gold),0 0 34px color-mix(in srgb,var(--gold) 45%,transparent)}.pedal.is-on .pedal-led{background:var(--led);box-shadow:0 0 6px var(--led),0 0 16px var(--led)}.pedal.is-on .pedal-switch{transform:translateY(3px);box-shadow:0 1px #22252a}.energy{display:flex;align-items:stretch;gap:0;margin-top:30px;width:fit-content;max-width:100%;border:1px solid var(--line);border-radius:3px;background:var(--panel);overflow:hidden}.energy-label{font:600 12px/1 var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);padding:0 16px;display:grid;place-items:center;border-right:1px solid var(--line)}.energy-pos{background:none;border:0;border-right:1px solid var(--panel-edge);padding:12px 20px;display:grid;text-align:left}.energy-pos strong{font:600 16px/1.1 var(--ui);letter-spacing:.06em;text-transform:uppercase}.energy-pos small{color:var(--muted);font-size:13px}.energy-pos.is-on{background:linear-gradient(180deg,var(--btn-top),var(--btn-bottom));color:var(--paper-ink)}.energy-pos.is-on small{color:color-mix(in srgb,var(--paper-ink) 75%,transparent)}.ladder{display:grid;gap:6px;position:relative}.ladder-scale{display:flex;justify-content:space-between;font:600 11px/1 var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.rung{position:relative;display:grid;grid-template-columns:90px minmax(170px,1.1fr) 2fr auto;align-items:center;gap:18px;padding:14px 18px;background:color-mix(in srgb,var(--panel) 80%,transparent);border:1px solid var(--panel-edge);border-radius:3px;text-align:left;transition:transform .25s var(--ease),border-color .2s ease,background .2s ease}.rung:hover{border-color:var(--line);transform:translate(4px)}.rung-bar{height:6px;border-radius:1px;background:linear-gradient(90deg,var(--gold) calc(var(--bright) * 100%),color-mix(in srgb,var(--ink) 10%,transparent) 0);opacity:.85}.rung-name strong{font:400 24px/1 var(--display);display:block}.rung-name small{font:500 12px/1 var(--ui);color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.rung-notes{font:500 14px/1 var(--stamp);color:var(--muted);white-space:pre;overflow:hidden;text-overflow:ellipsis}.rung-tag{font:600 11px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border:1px solid var(--line);padding:5px 7px;border-radius:2px;white-space:nowrap}.rung.is-pick .rung-tag{background:color-mix(in srgb,var(--gold) 14%,transparent)}.rung.is-on{background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 18%,var(--panel)),var(--panel) 70%);border-color:var(--gold);box-shadow:0 0 30px color-mix(in srgb,var(--gold) 18%,transparent),inset 3px 0 0 var(--gold);transform:translate(6px)}.rung.is-on .rung-notes{color:var(--ink)}.setlist{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:thin}.set-item{flex:0 0 auto;display:grid;gap:4px;text-align:left;padding:10px 14px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:3px;transition:border-color .2s ease,transform .2s var(--ease)}.set-item strong{font:400 20px/1 var(--display)}.set-item span{font:500 12px/1 var(--stamp);color:var(--muted)}.set-item:hover{border-color:var(--line);transform:translateY(-2px)}.set-item.is-on{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--panel));box-shadow:0 0 20px color-mix(in srgb,var(--gold) 20%,transparent)}.prog-why{color:var(--muted);margin:10px 0 26px;max-width:720px}.prog-why strong{color:var(--ink);font-weight:600}.prog-why .text-btn{margin-left:10px}.chart{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:22px 18px}.chart--long{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.chart-card{position:relative;display:grid;gap:8px;animation:card-in .45s var(--ease) both;animation-delay:calc(var(--i) * 50ms)}@keyframes card-in{0%{opacity:0;transform:translateY(14px) rotate(-2deg)}}.chart-face{position:relative;display:grid;justify-items:center;gap:2px;padding:16px 12px 14px;border:0;border-radius:2px;background:repeating-linear-gradient(180deg,transparent 0 23px,color-mix(in srgb,var(--paper-ink) 7%,transparent) 23px 24px),var(--paper);color:var(--paper-ink);box-shadow:0 1px #fff6 inset,6px 8px 0 -2px var(--shadow-hard),0 14px 26px var(--shadow-hard);transform:rotate(calc((var(--i) - 1.5) * .5deg));transition:transform .25s var(--ease),box-shadow .25s ease}.chart-face:hover{transform:rotate(0) translateY(-4px)}.chart-face:active{transform:translateY(2px);box-shadow:2px 3px 0 -1px var(--shadow-hard)}.chart-bar{position:absolute;top:8px;left:10px;font:500 11px/1 var(--stamp);opacity:.5}.chart-numeral{font:600 13px/1 var(--ui);letter-spacing:.14em;color:color-mix(in srgb,var(--paper-ink) 65%,transparent)}.chart-name{font:400 42px/1.05 var(--display)}.chart--long .chart-name{font-size:34px}.chart-borrowed{position:absolute;top:8px;right:8px;font:600 9px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;padding:3px 5px;border:1px solid currentColor;border-radius:2px;opacity:.7}.chart-card.is-now .chart-face{transform:rotate(0) translateY(-6px);box-shadow:0 0 0 3px var(--gold),0 0 36px color-mix(in srgb,var(--gold) 60%,transparent),0 16px 26px var(--shadow-hard)}.chord-box{width:100%;max-width:116px;margin-top:4px}.box-nut{fill:var(--paper-ink)}.box-fret{stroke:color-mix(in srgb,var(--paper-ink) 45%,transparent);stroke-width:1}.box-string{stroke:var(--paper-ink)}.box-base{font:500 10px var(--stamp);fill:var(--paper-ink)}.box-mark{font:600 12px var(--ui);fill:color-mix(in srgb,var(--paper-ink) 65%,transparent)}.box-open{fill:none;stroke:var(--paper-ink);stroke-width:1.3}.box-open.is-root{stroke:var(--btn-bottom);stroke-width:2.2}.box-dot{fill:var(--paper-ink)}.box-dot.is-root{fill:var(--btn-bottom);stroke:var(--paper-ink);stroke-width:1}.box-barre{fill:var(--paper-ink)}.chart-tools{display:flex;justify-content:space-between;gap:6px}.chart-tools button{background:none;border:0;padding:4px 2px;color:var(--muted);font:600 12px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase}.chart-tools button:hover:not(:disabled){color:var(--gold)}.chart-tools button:disabled{opacity:.35;cursor:default}.swap{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:3px;animation:card-in .25s var(--ease) both}.swap button{display:grid;background:color-mix(in srgb,var(--ink) 5%,transparent);border:1px solid transparent;border-radius:2px;padding:5px 2px;font:400 17px/1 var(--display)}.swap button small{font:500 10px/1.2 var(--ui);color:var(--muted)}.swap button:hover{border-color:var(--gold)}.swap button.is-on{border-color:var(--gold);color:var(--gold)}.lead-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px}.seg{display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:var(--panel)}.seg button{background:none;border:0;border-right:1px solid var(--panel-edge);padding:10px 14px;font:600 14px/1 var(--ui);letter-spacing:.06em}.seg button:last-child{border-right:0}.seg button:hover{color:var(--gold)}.seg button.is-on{background:linear-gradient(180deg,var(--btn-top),var(--btn-bottom));color:var(--paper-ink)}.scale-notes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.scale-notes span{display:grid;justify-items:center;min-width:48px;padding:8px 8px 6px;border:1px solid var(--panel-edge);background:var(--panel);border-radius:3px;transition:border-color .2s ease,box-shadow .2s ease}.scale-notes strong{font:400 24px/1 var(--display)}.scale-notes small{font:500 11px/1.4 var(--stamp);color:var(--muted)}.scale-notes .is-root{border-color:var(--gold)}.scale-notes .is-root strong{color:var(--gold)}.scale-notes .is-chord{box-shadow:0 0 0 2px var(--chord),0 0 16px color-mix(in srgb,var(--chord) 50%,transparent)}.neck-frame{position:relative;border-radius:6px;padding:6px 0;background:linear-gradient(180deg,color-mix(in srgb,var(--night-deep) 70%,transparent),transparent);box-shadow:0 30px 60px -20px var(--shadow-hard)}.neck-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.neck{display:block;width:100%;min-width:1100px;height:auto;font-family:var(--ui)}.neck-binding{stroke:color-mix(in srgb,var(--inlay) 70%,transparent);stroke-width:2}.neck-nut{fill:#efe6d2;filter:drop-shadow(0 0 2px rgba(0,0,0,.6))}.neck-num{font:500 12px var(--stamp);fill:var(--muted)}.neck-window{fill:color-mix(in srgb,var(--gold) 10%,transparent);stroke:color-mix(in srgb,var(--gold) 55%,transparent);stroke-width:1.5;stroke-dasharray:5 4}.neck-note{cursor:pointer;animation:note-in .4s var(--ease) both;animation-delay:var(--d);transition:opacity .3s ease}@keyframes note-in{0%{opacity:0;transform:scale(.2)}}.neck-note .neck-dot{fill:var(--paper);stroke:#00000073;stroke-width:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5));transition:transform .15s var(--ease)}.neck-note .neck-label{font:700 15px var(--ui);fill:var(--paper-ink);pointer-events:none;letter-spacing:.02em}.neck-note.is-root .neck-label{fill:var(--paper-ink);font-size:16px}.neck-note.is-root .neck-dot{stroke:color-mix(in srgb,var(--gold) 50%,#000)}.neck-ring{fill:none;stroke:var(--chord);stroke-width:3;filter:drop-shadow(0 0 6px var(--chord));animation:ring-in .3s var(--ease) both}@keyframes ring-in{0%{opacity:0;transform:scale(1.4)}}.neck-halo{animation:halo 3.2s ease-in-out infinite}@keyframes halo{50%{opacity:.25}}.neck-note.is-out{opacity:.16}.neck-note:hover .neck-dot{transform:scale(1.18)}.neck-note:focus-visible{outline:none}.neck-note:focus-visible .neck-dot{stroke:var(--gold);stroke-width:3}.positions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:18px}.positions-label{font:600 12px/1 var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-right:8px}.positions button{min-width:42px;padding:9px 12px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:3px;font:600 14px/1 var(--ui);letter-spacing:.06em}.positions button:hover{border-color:var(--line);color:var(--gold)}.positions button.is-on{border-color:var(--gold);color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--panel))}.legend{list-style:none;display:flex;flex-wrap:wrap;gap:18px;padding:0;margin:18px 0 0;color:var(--muted);font:500 14px/1 var(--ui);letter-spacing:.04em}.legend li{display:flex;align-items:center;gap:8px}.legend i{width:16px;height:16px;border-radius:50%;display:inline-block}.lg-root{background:radial-gradient(circle at 40% 32%,var(--btn-top),var(--btn-bottom));box-shadow:0 0 10px var(--gold)}.lg-scale{background:var(--paper)}.lg-chord{border:3px solid var(--chord);box-shadow:0 0 8px var(--chord)}.foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:40px 0 0;border-top:1px solid var(--panel-edge);color:var(--muted);font:500 14px/1 var(--ui);letter-spacing:.06em}.dock{position:fixed;z-index:50;left:50%;bottom:16px;width:min(1100px,calc(100% - 24px));display:flex;align-items:center;gap:18px;padding:10px 12px 10px 20px;border:1px solid var(--line);border-radius:6px;background:var(--dock-art, none),linear-gradient(180deg,color-mix(in srgb,var(--panel) 92%,#fff 3%),color-mix(in srgb,var(--night-deep) 96%,transparent));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 40px var(--shadow-hard),inset 0 1px #ffffff0f,0 0 40px color-mix(in srgb,var(--gold) 10%,transparent);transform:translate(-50%,140%);transition:transform .45s var(--ease)}.dock.is-up{transform:translate(-50%)}.dock-song{flex:1;min-width:0;display:grid;gap:4px}.dock-song strong{font:400 22px/1 var(--display);color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-song span{display:flex;gap:10px;overflow:hidden;white-space:nowrap;font:600 15px/1.2 var(--ui);color:var(--muted)}.dock-song b{font-weight:600;transition:color .15s ease}.dock-song b.is-now{color:var(--ink);text-shadow:0 0 12px var(--gold)}.band{display:flex;gap:4px}.band-btn{display:flex;align-items:center;gap:7px;padding:0 12px;height:42px;background:color-mix(in srgb,var(--night-deep) 60%,transparent);border:1px solid var(--panel-edge);border-radius:3px;font:600 13px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.band-btn:hover,.band-btn.is-on{color:var(--ink);border-color:var(--line)}.band-led{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--ink) 18%,transparent)}.band-btn.is-on .band-led{background:var(--gold);box-shadow:0 0 8px var(--gold)}.tempo{display:flex;align-items:center;border:1px solid var(--panel-edge);border-radius:3px;background:color-mix(in srgb,var(--night-deep) 60%,transparent)}.tempo button{width:36px;height:40px;background:none;border:0;font:400 22px/1 var(--ui);color:var(--muted)}.tempo button:hover{color:var(--gold)}.tempo span{font:500 12px/1 var(--ui);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;min-width:66px;text-align:center}.tempo strong{display:block;font:500 20px/1.1 var(--stamp);color:var(--ink);letter-spacing:0}.footswitch{position:relative;display:flex;align-items:center;gap:12px;padding:8px 18px 8px 12px;min-height:56px;border:0;border-radius:4px;background:linear-gradient(180deg,var(--btn-top),var(--btn-bottom));color:var(--paper-ink);box-shadow:inset 0 1px #ffffff80,0 4px color-mix(in srgb,var(--btn-bottom) 55%,#000),0 10px 20px var(--shadow-hard);transition:transform .12s ease,box-shadow .12s ease}.footswitch:active,.footswitch.is-on{transform:translateY(3px);box-shadow:inset 0 1px #ffffff80,0 1px color-mix(in srgb,var(--btn-bottom) 55%,#000),0 6px 14px var(--shadow-hard)}.footswitch-led{width:9px;height:9px;border-radius:50%;background:#4a1208;box-shadow:inset 0 1px 1px #0009}.footswitch.is-on .footswitch-led{background:#ff3b1f;box-shadow:0 0 6px #ff3b1f,0 0 14px #ff3b1f;animation:led .6s ease-in-out infinite alternate}@keyframes led{to{opacity:.55}}.footswitch-cap{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fafafa,#9aa0a6 55%,#43474d);box-shadow:0 2px #2a2d31,0 3px 6px #0006}.footswitch-word{font:700 18px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;min-width:52px}.sheet-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#04030699;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:flex-end;animation:fade .2s ease both}@keyframes fade{0%{opacity:0}}.sheet{width:min(440px,100%);height:100%;overflow-y:auto;padding:24px clamp(16px,4vw,28px) 40px;background:linear-gradient(180deg,var(--panel),var(--night-deep));border-left:1px solid var(--line);box-shadow:-30px 0 60px var(--shadow-hard);animation:slide .3s var(--ease) both}.sheet:focus{outline:none}@keyframes slide{0%{transform:translate(40px);opacity:0}}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.sheet-head h2{font:400 40px/1 var(--display);margin:0}.sheet-kicker{margin:28px 0 12px;font-size:12px}.sheet-note{color:var(--muted);margin:0 0 10px}.themes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.theme-card{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--panel-edge);background:color-mix(in srgb,var(--night-deep) 50%,transparent);border-radius:3px;text-align:left;font:600 14px/1.1 var(--ui);letter-spacing:.04em}.theme-card:hover{border-color:var(--line)}.theme-card.is-on{border-color:var(--gold);box-shadow:0 0 14px color-mix(in srgb,var(--gold) 25%,transparent)}.theme-swatch{width:34px;height:34px;flex:0 0 auto;border-radius:2px;background:linear-gradient(135deg,var(--night) 0 35%,var(--board-a) 35% 62%,var(--gold) 62%);box-shadow:inset 0 0 0 1px #ffffff1f}.theme-genre .theme-swatch{background:conic-gradient(#f2b24c,#e8392f,#ff8fd2,#5fe0b0,#7ea6ff,#f3cc3c,#f2b24c)}.switch{display:flex;align-items:center;gap:12px;width:100%;padding:10px 0;background:none;border:0;text-align:left;font:500 16px/1.2 var(--body)}.switch-track{width:44px;height:24px;border-radius:12px;background:color-mix(in srgb,var(--ink) 15%,transparent);position:relative;transition:background .2s ease;flex:0 0 auto}.switch-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--ink);transition:transform .2s var(--ease)}.switch.is-on .switch-track{background:var(--gold)}.switch.is-on .switch-thumb{transform:translate(20px);background:var(--paper-ink)}.sheet .ghost-btn{margin-top:10px}.top-tools{display:flex;gap:6px;align-items:center}.top-btn{display:flex;align-items:center;gap:7px;padding:8px 12px;background:var(--panel);border:1px solid var(--line);border-radius:3px;font:600 13px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.top-btn:hover{border-color:var(--gold);color:var(--gold)}.top-btn small{font:500 11px/1 var(--stamp);color:var(--paper-ink);background:var(--gold);padding:2px 5px;border-radius:2px;letter-spacing:0}.top-mark{width:20px;height:20px;border-radius:2px;display:grid;place-items:center;background:linear-gradient(180deg,var(--btn-top),var(--btn-bottom));color:var(--paper-ink);font:700 12px/1 var(--ui);letter-spacing:0}.ghost-btn.is-on{border-style:solid;color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,transparent)}.ghost-btn:disabled{opacity:.5;cursor:default}.banner{position:relative;z-index:2;margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border:1px solid var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--panel));border-radius:3px}.toast{position:fixed;z-index:260;left:50%;top:76px;transform:translate(-50%);max-width:min(520px,calc(100% - 32px));padding:12px 18px;background:var(--panel);border:1px solid var(--gold);border-radius:3px;box-shadow:0 16px 40px var(--shadow-hard),0 0 30px color-mix(in srgb,var(--gold) 25%,transparent);animation:toast 3.2s ease both}@keyframes toast{0%{opacity:0;transform:translate(-50%,-8px)}8%,88%{opacity:1;transform:translate(-50%)}to{opacity:0}}.songbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px dashed var(--panel-edge)}.songbar-title{display:grid;gap:6px;flex:1 1 280px}.songbar-title .kicker{margin:0;font-size:11px}.songbar-title input{background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);padding:4px 0 6px;font:400 clamp(28px,4vw,38px)/1.1 var(--display);width:100%}.songbar-title input:focus{outline:none;border-bottom-color:var(--gold)}.songbar-title input::placeholder{color:color-mix(in srgb,var(--ink) 40%,transparent)}.songbar-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.capo{display:flex;align-items:center;border:1px solid var(--panel-edge);border-radius:3px;background:var(--panel);font:600 12px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.capo span{padding:0 8px 0 12px}.capo button{width:30px;height:36px;background:none;border:0;font-size:18px;color:var(--muted)}.capo button:hover{color:var(--gold)}.capo strong{min-width:30px;text-align:center;color:var(--ink);font:500 15px/1 var(--stamp);letter-spacing:0}.parts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.part-tab{display:flex;align-items:stretch;border:1px solid var(--panel-edge);border-radius:3px;background:var(--panel)}.part-tab>button:first-child{display:grid;gap:2px;text-align:left;padding:8px 14px;background:none;border:0;font:400 20px/1 var(--display)}.part-tab small{font:500 11px/1 var(--stamp);color:var(--muted)}.part-tab.is-on{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--panel))}.part-x{background:none;border:0;border-left:1px solid var(--panel-edge);padding:0 10px;color:var(--muted);font-size:18px}.part-x:hover{color:var(--gold)}.part-add{background:none;border:1px dashed var(--line);border-radius:3px;padding:8px 14px;color:var(--muted);font:600 13px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase}.part-add:hover{color:var(--gold);border-color:var(--gold)}.chart-capo{font:600 10px/1.2 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--paper-ink) 70%,transparent);margin-top:2px}.neck-capo{fill:#1c1c1e;stroke:#000;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}.seg--dock button{padding:0 12px;height:42px;font-size:13px}.seg--full{width:100%;margin-bottom:6px}.seg--full button{flex:1}.lick-path polyline{fill:none;stroke:var(--gold);stroke-width:2;stroke-dasharray:3 4;opacity:.8}.lick-path circle{fill:var(--night-deep);stroke:var(--gold);stroke-width:2}.lick-path text{font:700 10px var(--stamp);fill:var(--gold)}.lg-lick{border:2px solid var(--gold);background:var(--night-deep)}.melody{margin-top:34px;padding:22px;border:1px solid var(--panel-edge);background:color-mix(in srgb,var(--panel) 85%,transparent);border-radius:4px}.melody-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:flex-start}.melody-head h3{font:400 30px/1 var(--display);margin:0 0 6px}.melody-head p{color:var(--muted);margin:0;max-width:520px}.melody-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tab-scroll{overflow-x:auto;margin-top:18px;padding:12px;background:var(--paper);border-radius:2px;box-shadow:6px 8px 0 -2px var(--shadow-hard)}.tab{display:block;height:auto}.tab-string{font:600 12px var(--stamp);fill:color-mix(in srgb,var(--paper-ink) 60%,transparent)}.tab-line{stroke:color-mix(in srgb,var(--paper-ink) 45%,transparent);stroke-width:1}.tab-barline{stroke:var(--paper-ink);stroke-width:1.5}.tab-chord{font:400 16px var(--display);fill:var(--paper-ink)}.tab-bg{fill:var(--paper)}.tab-fret{font:600 13px var(--stamp);fill:var(--paper-ink)}.tab-glow{fill:transparent}.tab-bar.is-now .tab-glow{fill:color-mix(in srgb,var(--btn-bottom) 22%,transparent)}.stat-row{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:12px;margin-bottom:26px}.stat{display:grid;gap:4px;align-content:start;padding:16px 18px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:3px}.stat .kicker{margin:0;font-size:11px}.stat strong{font:400 48px/1 var(--display)}.stat small{color:var(--muted);font:500 13px/1.2 var(--ui);letter-spacing:.04em}.stat--level strong{color:var(--gold);text-shadow:0 0 24px color-mix(in srgb,var(--gold) 40%,transparent)}.xp-bar{display:block;height:6px;background:color-mix(in srgb,var(--ink) 10%,transparent);border-radius:1px;overflow:hidden;margin:6px 0 2px}.xp-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--btn-bottom),var(--btn-top));box-shadow:0 0 10px var(--gold);transition:width .6s var(--ease)}.trainer{padding:20px;border:1px solid var(--panel-edge);background:color-mix(in srgb,var(--panel) 85%,transparent);border-radius:4px}.trainer-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.trainer-target{display:grid;gap:4px;min-height:70px;align-content:center}.trainer-target .kicker{margin:0;font-size:11px}.trainer-target strong{font:400 64px/.9 var(--display);color:var(--gold);text-shadow:0 0 30px color-mix(in srgb,var(--gold) 45%,transparent)}.trainer-target p{margin:0;color:var(--muted);max-width:520px}.trainer-target small{color:var(--muted)}.trainer-side{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.trainer-clock{position:relative;width:60px;height:60px;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--left) * 360deg),color-mix(in srgb,var(--ink) 10%,transparent) 0);display:grid;place-items:center}.trainer-clock:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--panel)}.trainer-clock span{position:relative;font:500 15px/1 var(--stamp)}.trainer-score{font:500 14px/1 var(--ui);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.trainer-score strong{font:400 34px/1 var(--display);color:var(--ink);margin-right:4px;text-transform:none}.trainer-hit{fill:transparent;cursor:default}.trainer-neck.is-live .trainer-hit{cursor:pointer}.trainer-neck.is-live .trainer-hit:hover{fill:color-mix(in srgb,var(--gold) 18%,transparent)}.trainer-mark{pointer-events:none;animation:mark 1.4s ease forwards}.trainer-mark circle{stroke-width:2.5}.trainer-mark text{font:700 13px var(--ui)}.trainer-mark.is-ok circle{fill:var(--gold);stroke:var(--btn-top)}.trainer-mark.is-ok text{fill:var(--paper-ink)}.trainer-mark.is-miss circle{fill:#3a0f0c;stroke:#ff5a3c}.trainer-mark.is-miss text{fill:#ff8a6c}@keyframes mark{0%{transform-box:fill-box;opacity:0}10%{opacity:1}75%{opacity:1}to{opacity:0}}.footswitch--small{min-height:48px;padding:6px 16px 6px 12px}.check{display:flex;align-items:center;gap:8px;color:var(--muted);font:500 14px/1 var(--ui);letter-spacing:.04em}.check input{accent-color:var(--gold);width:16px;height:16px}.practice-sub{display:flex;align-items:baseline;gap:12px;font:400 32px/1 var(--display);margin:36px 0 16px}.practice-sub small{font:500 13px/1 var(--ui);color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.badges{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px}.badge{display:grid;justify-items:center;gap:8px;padding:14px 8px;border:1px solid var(--panel-edge);border-radius:3px;background:color-mix(in srgb,var(--panel) 70%,transparent);text-align:center}.badge strong{font:600 13px/1.2 var(--ui);letter-spacing:.06em;color:var(--muted)}.badge.is-on{border-color:var(--line)}.badge.is-on strong{color:var(--ink)}.badge-art{filter:drop-shadow(0 6px 8px var(--shadow-hard));opacity:.45}.badge-art.is-on{opacity:1;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--gold) 55%,transparent)) drop-shadow(0 6px 8px var(--shadow-hard))}.badge.is-on:hover .badge-art{animation:badge-tilt .6s var(--ease)}@keyframes badge-tilt{50%{transform:rotate(-8deg) scale(1.06)}}.board-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{background:none;border:1px solid var(--panel-edge);border-radius:2px;padding:7px 10px;font:600 12px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.chip:hover{color:var(--ink);border-color:var(--line)}.chip.is-on{color:var(--paper-ink);background:linear-gradient(180deg,var(--btn-top),var(--btn-bottom));border-color:transparent}.board{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.post{display:grid;gap:6px;padding:16px 18px 14px;border-radius:2px;color:var(--paper-ink);background:repeating-linear-gradient(180deg,transparent 0 23px,color-mix(in srgb,var(--paper-ink) 6%,transparent) 23px 24px),var(--paper);box-shadow:6px 8px 0 -2px var(--shadow-hard),0 14px 26px var(--shadow-hard)}.post-top{display:flex;justify-content:space-between}.post-genre{font:600 11px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--btn-bottom);filter:brightness(.75)}.post-when{font:500 11px/1 var(--stamp);opacity:.6}.post-title{font:400 28px/1.05 var(--display)}.post-by,.post-key{font:500 14px/1.2 var(--ui);letter-spacing:.03em;opacity:.75}.post-chords{font:500 14px/1.3 var(--stamp);white-space:pre-wrap}.post-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--paper-ink) 25%,transparent)}.post .ghost-btn{color:var(--paper-ink);border-color:color-mix(in srgb,var(--paper-ink) 45%,transparent);padding:8px 12px}.post .ghost-btn:hover{color:var(--paper-ink);background:color-mix(in srgb,var(--paper-ink) 8%,transparent)}.post .text-btn{color:color-mix(in srgb,var(--paper-ink) 70%,transparent);text-decoration-color:color-mix(in srgb,var(--paper-ink) 30%,transparent)}.like{display:flex;align-items:center;gap:5px;margin-left:auto;background:none;border:0;color:var(--paper-ink);font:500 14px/1 var(--stamp)}.like svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.like.is-on svg{fill:#d8402c;stroke:#d8402c}.board-empty{padding:28px;border:1px dashed var(--line);border-radius:3px;text-align:center;color:var(--muted)}.board-empty strong{display:block;font:400 28px/1.1 var(--display);color:var(--ink);margin-bottom:6px}.me{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid var(--panel-edge);background:color-mix(in srgb,var(--night-deep) 50%,transparent);border-radius:3px}.me-mark{width:46px;height:46px;border-radius:3px;display:grid;place-items:center;background:linear-gradient(180deg,var(--btn-top),var(--btn-bottom));color:var(--paper-ink);font:400 28px/1 var(--display)}.me strong{display:block;font:400 24px/1.1 var(--display)}.me span{color:var(--muted);font:500 14px/1.2 var(--ui)}.field,.door-form label{display:grid;gap:6px;margin:10px 0;font:600 12px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.field input,.door-form input,.share-link input{width:100%;padding:11px 12px;background:color-mix(in srgb,var(--night-deep) 60%,transparent);border:1px solid var(--panel-edge);border-radius:3px;color:var(--ink);font:400 16px/1.2 var(--body);letter-spacing:0;text-transform:none}.field input:focus,.door-form input:focus,.share-link input:focus{outline:none;border-color:var(--gold)}.door{display:grid;gap:10px}.door-oauth{display:grid;gap:8px}.door-btn{padding:12px;border:1px solid var(--line);background:var(--panel);border-radius:3px;font:600 15px/1 var(--ui);letter-spacing:.06em}.door-btn:hover{border-color:var(--gold);color:var(--gold)}.door-or{display:flex;align-items:center;gap:10px;margin:4px 0;color:var(--muted);font:500 12px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase}.door-or:before,.door-or:after{content:"";flex:1;height:1px;background:var(--panel-edge)}.door-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.book{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:6px}.book-row{display:flex;align-items:center;gap:10px;padding:4px 4px 4px 0;border-bottom:1px solid var(--panel-edge)}.book-row.is-on .book-open strong{color:var(--gold)}.book-open{flex:1;display:grid;gap:3px;text-align:left;background:none;border:0;padding:10px 6px}.book-open strong{font:400 22px/1.1 var(--display)}.book-open span{color:var(--muted);font:500 13px/1.2 var(--ui);letter-spacing:.03em}.book-open:hover strong{color:var(--gold)}.book-confirm{display:flex;gap:6px}.book-empty{margin-top:16px}.share-link{display:flex;gap:8px;margin-bottom:10px}.share-link input{font:500 13px/1.2 var(--stamp)}.share-card{margin:10px 0 12px}.share-card img{width:100%;border-radius:3px;box-shadow:0 14px 30px var(--shadow-hard)}.sheet .ghost-btn+.ghost-btn{margin-left:6px}.sheet-legal a{color:var(--muted)}.tuner{display:grid;justify-items:center;gap:4px;margin:10px 0 16px}.tuner-dial{width:100%;max-width:320px}.tuner-arc{fill:none;stroke:color-mix(in srgb,var(--ink) 15%,transparent);stroke-width:2}.tuner-tick{stroke:color-mix(in srgb,var(--ink) 35%,transparent);stroke-width:2}.tuner-needle{stroke:var(--gold);stroke-width:3;stroke-linecap:round;transform-origin:150px 150px;transform-box:view-box;transition:transform .12s ease-out}.tuner-hub{fill:var(--gold)}.tuner.is-tune .tuner-needle{stroke:#5fe08a;filter:drop-shadow(0 0 6px #5fe08a)}.tuner-read{display:grid;justify-items:center}.tuner-read strong{font:400 72px/1 var(--display)}.tuner.is-tune .tuner-read strong{color:#5fe08a}.tuner-read span{color:var(--muted);font:500 15px/1.2 var(--ui);letter-spacing:.06em;min-height:18px}.tuner-strings{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.tuner-strings button{display:grid;justify-items:center;padding:10px 0 8px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:3px}.tuner-strings strong{font:400 24px/1 var(--display)}.tuner-strings small{font:500 10px/1.4 var(--stamp);color:var(--muted)}.tuner-strings button:hover,.tuner-strings button.is-on{border-color:var(--gold);color:var(--gold)}.legal{max-width:720px;margin:0 auto;padding:48px 16px 80px}.legal h1{font:400 56px/1 var(--display);margin:24px 0 8px}.legal h2{font:400 28px/1.1 var(--display);margin:32px 0 8px;color:var(--gold)}.legal p{color:color-mix(in srgb,var(--ink) 85%,var(--muted))}.legal a{color:var(--gold)}.print-chart{display:none}@media print{@page{margin:14mm}body{background:#fff!important;color:#111}.room>*:not(.print-chart){display:none!important}.print-chart{display:block;color:#111;font-family:var(--body);--paper-ink: #111;--btn-bottom: #c0601a}.print-chart h1{font:400 40px/1 var(--display);margin:0 0 4px}.print-chart header p{margin:0 0 18px;color:#555}.print-chart h2{font:600 13px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;margin:18px 0 8px}.print-chart ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.print-chart li{display:grid;justify-items:center;border:1px solid #ccc;padding:6px;break-inside:avoid}.print-chart li strong{font:400 24px/1 var(--display)}.print-chart li small{font:500 10px/1.4 var(--ui);color:#666}.print-chart .chord-box{max-width:80px}.print-chart footer{margin-top:24px;font-size:11px;color:#777}}@media (max-width: 900px){.top-tools{gap:4px}.top-btn{padding:8px 9px;font-size:11px;letter-spacing:.08em}.stat-row{grid-template-columns:repeat(2,1fr)}.stat--level{grid-column:1 / -1}}@media (max-width: 560px){.brand span{font-size:24px}.top-btn[data-pop=tuner],.seg--dock{display:none}.songbar-tools{gap:6px}.melody{padding:16px}.trainer{padding:14px}.trainer-target strong{font-size:52px}.board{grid-template-columns:1fr}.tuner-strings{gap:4px}}.plan-card{padding:14px;border:1px solid var(--line);border-radius:3px;background:color-mix(in srgb,var(--gold) 6%,transparent)}.plan-card>p:first-child{margin:0 0 8px;font-weight:500}.plan-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.plan-btn{display:grid;gap:4px;padding:12px;border:0;border-radius:3px;background:linear-gradient(180deg,var(--btn-top),var(--btn-bottom));color:var(--paper-ink);font:700 16px/1.1 var(--ui);letter-spacing:.04em;box-shadow:0 3px color-mix(in srgb,var(--btn-bottom) 55%,#000)}.plan-btn small{font:500 12px/1 var(--ui);opacity:.8}.plan-btn:active{transform:translateY(2px);box-shadow:0 1px color-mix(in srgb,var(--btn-bottom) 55%,#000)}.plan-store{display:flex;gap:16px;margin-top:10px}.plan-terms{margin:12px 0 0;font-size:13px;line-height:1.45}.plan-terms a{color:var(--ink)}.band-btn.is-locked{opacity:.55}.band-btn.is-locked .band-led{background:transparent;border:1px solid var(--muted)}.nudge{flex-basis:100%;justify-self:start;width:fit-content;background:none;border:1px dashed var(--line);border-radius:2px;padding:6px 10px;color:var(--gold);font:600 12px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase}.hero-kicker{margin:34px 0 12px;font-size:12px}.instruments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:760px}.instrument{display:flex;align-items:center;gap:14px;text-align:left;padding:14px 16px;background:color-mix(in srgb,var(--panel) 85%,transparent);border:1px solid var(--panel-edge);border-radius:3px;transition:border-color .2s ease,transform .25s var(--ease),box-shadow .2s ease}.instrument:hover{border-color:var(--line);transform:translateY(-2px)}.instrument.is-on{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--panel));box-shadow:0 0 26px color-mix(in srgb,var(--gold) 22%,transparent)}.instrument-art{width:44px;height:48px;flex:0 0 auto;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round}.instrument.is-on .instrument-art{stroke:var(--gold);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--gold) 60%,transparent))}.instrument-art .art-thin{stroke-width:.8;opacity:.6}.instrument-art .art-fill{fill:currentColor;stroke:none;color:var(--ink)}.instrument.is-on .art-fill{color:var(--gold)}.instrument strong{display:block;font:400 26px/1 var(--display)}.instrument small{display:block;margin-top:4px;color:var(--muted);font:500 13px/1.3 var(--ui);letter-spacing:.02em}.instruments--compact{margin-bottom:10px;gap:6px}.instruments--compact .instrument{padding:8px 10px;gap:8px}.instruments--compact .instrument-art{width:28px;height:30px}.instruments--compact .instrument strong{font-size:18px}.keys{display:block;width:100%;height:auto;font-family:var(--ui)}.keys-felt{fill:color-mix(in srgb,var(--gold) 55%,#5a1010);opacity:.85}.key-face{cursor:pointer;transition:filter .12s ease}.key--white .key-face{stroke:#00000059;stroke-width:1}.key--black .key-face{filter:drop-shadow(0 3px 2px rgba(0,0,0,.6))}.key-face:hover{filter:brightness(.94)}.key--black .key-face:hover{filter:brightness(1.4) drop-shadow(0 3px 2px rgba(0,0,0,.6))}.key-note{cursor:pointer;animation:note-in .4s var(--ease) both;animation-delay:var(--d)}.key-dot{fill:var(--paper);stroke:#00000073;stroke-width:1}.key-label{font:700 12px var(--ui);fill:var(--paper-ink);pointer-events:none}.key-note:focus-visible{outline:none}.key-note:focus-visible .key-dot{stroke:var(--gold);stroke-width:3}.keys-octave{font:500 11px var(--stamp);fill:var(--muted)}.mini-keys{display:grid;justify-items:center;gap:4px;width:100%;max-width:132px;margin-top:8px}.mini-keys svg{width:100%;height:auto}.mini-white{fill:#fbf7ee;stroke:var(--paper-ink);stroke-width:.8}.mini-black,.mini-dot{fill:var(--paper-ink)}.mini-black+.mini-dot,.mini-dot{stroke:#fbf7ee;stroke-width:.6}.mini-dot.is-root{fill:var(--btn-bottom)}.mini-left{font:600 11px/1 var(--ui);letter-spacing:.06em;color:color-mix(in srgb,var(--paper-ink) 70%,transparent)}.bass-box{max-width:140px}.bass-label{font:700 8.5px var(--ui);fill:#fbf7ee;pointer-events:none}.box-dot.is-root+.bass-label{fill:var(--paper-ink)}.box-nut-v{stroke:var(--paper-ink);stroke-width:3}.note-row{list-style:none;margin:18px 0 0;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;background:var(--paper);color:var(--paper-ink);border-radius:2px;box-shadow:6px 8px 0 -2px var(--shadow-hard)}.note-row li{padding:8px;border-left:2px solid color-mix(in srgb,var(--paper-ink) 25%,transparent)}.note-row li.is-now{background:color-mix(in srgb,var(--btn-bottom) 22%,transparent)}.note-row strong{font:400 18px/1 var(--display);display:block;margin-bottom:6px}.note-row span{display:flex;gap:4px}.note-row b{position:relative;flex:1 1 0;padding:14px 2px 4px;text-align:center;font:600 15px/1 var(--ui);border-bottom:2px solid color-mix(in srgb,var(--paper-ink) 30%,transparent)}.note-row b small{position:absolute;top:1px;left:3px;font:500 9px var(--stamp);opacity:.55}.note-row b sub{font:500 9px var(--stamp);opacity:.6}.tuner-strings{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}.share-sites{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.share-site{display:grid;place-items:center;padding:11px 8px;border:1px solid var(--line);border-radius:3px;background:var(--panel);text-decoration:none;font:600 14px/1 var(--ui);letter-spacing:.08em}.share-site:hover{border-color:var(--gold);color:var(--gold)}.riff.is-on{border-color:var(--gold);box-shadow:0 0 30px color-mix(in srgb,var(--gold) 14%,transparent)}.tab-editor{overflow-x:auto;margin-top:16px;padding:12px;background:var(--paper);border-radius:2px;box-shadow:6px 8px 0 -2px var(--shadow-hard);outline:none}.tab-editor:focus-visible{box-shadow:0 0 0 2px var(--gold),6px 8px 0 -2px var(--shadow-hard)}.tab-cell{fill:transparent;cursor:pointer}.tab-cell:hover{fill:color-mix(in srgb,var(--paper-ink) 8%,transparent)}.tab-cell.is-cursor{fill:color-mix(in srgb,var(--btn-bottom) 35%,transparent);stroke:var(--btn-bottom);stroke-width:1.5}.tab-hold{stroke:var(--paper-ink);stroke-width:2;opacity:.45}.tab-fret--keys{font-size:11px}.riff-keys{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}.riff-keys button{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:8px 12px;font:600 13px/1 var(--ui);letter-spacing:.06em}.riff-keys button:hover{border-color:var(--gold);color:var(--gold)}.riff-keys span{margin-left:auto;color:var(--muted);font:500 13px/1 var(--stamp)}.riff-hit{fill:transparent;cursor:crosshair}.riff-hit:hover{fill:color-mix(in srgb,var(--gold) 20%,transparent)}.riff-path polyline{stroke:var(--chord)}.riff-path circle{stroke:var(--chord);fill:var(--night-deep)}.riff-path text{fill:var(--chord)}.tab-sheet{max-height:52vh;overflow:auto;margin:0 0 14px;padding:14px;background:var(--paper);color:var(--paper-ink);border-radius:2px;font:500 12.5px/1.45 var(--stamp);white-space:pre}.tab-sheet-tools{display:flex;flex-wrap:wrap;gap:8px}.sheet--wide{width:min(760px,100%)}.print-tab{display:none}@media print{.print-chart .print-tab{display:block;margin-top:18px;font:500 10.5px/1.4 var(--stamp);white-space:pre;color:#111}}@media (max-width: 900px){.top-steps{display:none}.brand{margin-right:auto}.picks{display:flex;flex-wrap:wrap;justify-content:center}.picks .pick{flex:0 0 calc((100% - 42px)/4)}.pedals{grid-template-columns:repeat(2,1fr)}.rung{grid-template-columns:54px 1fr auto}.rung-notes{grid-column:2 / -1;grid-row:2;font-size:12px}}@media (max-width: 560px){.picks .pick{flex:0 0 calc((100% - 2 * 10px) / 3)}.instruments{grid-template-columns:1fr}.instrument small{display:none}.instruments:not(.instruments--compact){grid-template-columns:repeat(3,1fr)}.instruments:not(.instruments--compact) .instrument{flex-direction:column;text-align:center;gap:6px}.pedal{min-height:190px}.pedal-plate small{font-size:12px}.chart{grid-template-columns:repeat(2,1fr);gap:16px 12px}.chart-name{font-size:34px}.energy{width:100%}.energy-pos{flex:1;padding:10px}.energy-label{display:none}.rung{gap:10px;padding:12px}.rung-tag{grid-column:2 / -1;justify-self:start}.dock{gap:10px;padding:8px 8px 8px 12px;bottom:10px}.dock-song strong{font-size:18px}.tempo span{min-width:48px;font-size:10px}.tempo button{width:28px}.band-btn{padding:0 8px;font-size:11px;letter-spacing:.06em;gap:5px}.dock-song{display:none}.dock{justify-content:space-between}.footswitch{padding:8px 12px 8px 10px;min-height:50px;gap:8px}.footswitch-cap{display:none}.footswitch-word{min-width:0;font-size:16px}.foot{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}.hpop{position:fixed;z-index:300;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:start;width:264px;max-width:calc(100vw - 20px);padding:12px 14px 12px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);background:var(--dock-art, none),radial-gradient(160px 90px at 0% 0%,color-mix(in srgb,var(--gold) 16%,transparent),transparent 70%),linear-gradient(170deg,color-mix(in srgb,var(--panel) 92%,#fff 3%),var(--night-deep, #08050f));background-color:var(--panel);box-shadow:0 14px 34px #0000008c,0 0 0 1px #0006,0 0 22px color-mix(in srgb,var(--gold) 22%,transparent),inset 0 1px #ffffff12;color:var(--ink);pointer-events:none;opacity:0;transform-origin:var(--pop-arrow, 50%) top;transform:translateY(4px) scale(.96) rotate(-1deg)}.hpop--above{transform-origin:var(--pop-arrow, 50%) bottom;transform:translateY(-4px) scale(.96) rotate(1deg)}.hpop--in{animation:hpop-in .22s cubic-bezier(.2,.9,.3,1.25) forwards}@keyframes hpop-in{to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.hpop:before{content:"";position:absolute;left:calc(var(--pop-arrow, 50%) - 7px);width:14px;height:14px;background:var(--panel);border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);transform:rotate(45deg)}.hpop--below:before{top:-8px;border-right:0;border-bottom:0}.hpop--above:before{bottom:-8px;border-left:0;border-top:0}.hpop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 0 58%,var(--night-deep, #000) 0 5px,transparent 5.5px),radial-gradient(circle at 100% 58%,var(--night-deep, #000) 0 5px,transparent 5.5px);opacity:.9}.hpop-mark{grid-row:1 / span 3;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--gold) 70%,transparent);background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--gold) 30%,transparent),#00000059);font-size:1.2rem;line-height:1;transform:rotate(-8deg)}.hpop-kicker{font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--gold) 80%,var(--muted))}.hpop-title{margin:1px 0 3px;font-family:var(--display, Georgia, serif);font-size:1.02rem;font-weight:400;line-height:1.15;color:var(--gold)}.hpop-body{padding-top:5px;border-top:1px dashed color-mix(in srgb,var(--gold) 30%,transparent);font-size:.86rem;line-height:1.4;color:color-mix(in srgb,var(--ink) 92%,transparent)}.tour-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.tour-veil{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tour-hole{transition:x .35s ease,y .35s ease,width .35s ease,height .35s ease}.tour-ring{position:absolute;border-radius:12px;border:2px solid var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 20%,transparent),0 0 26px color-mix(in srgb,var(--gold) 55%,transparent);pointer-events:none;transition:top .35s ease,left .35s ease,width .35s ease,height .35s ease;animation:tour-ring 1.8s ease-in-out infinite}@keyframes tour-ring{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 20%,transparent),0 0 18px color-mix(in srgb,var(--gold) 40%,transparent)}50%{box-shadow:0 0 0 9px color-mix(in srgb,var(--gold) 8%,transparent),0 0 34px color-mix(in srgb,var(--gold) 65%,transparent)}}.tour-pop{position:absolute;padding:18px 18px 14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--gold) 60%,transparent);background:var(--dock-art, none),radial-gradient(240px 140px at 0% 0%,color-mix(in srgb,var(--gold) 18%,transparent),transparent 70%),linear-gradient(170deg,var(--panel),var(--night-deep, #08050f));background-color:var(--panel);box-shadow:0 22px 50px #0009,0 0 30px color-mix(in srgb,var(--gold) 22%,transparent),inset 0 1px #ffffff14;color:var(--ink);outline:none;transition:top .35s cubic-bezier(.2,.8,.3,1),left .35s cubic-bezier(.2,.8,.3,1);animation:tour-pop-in .3s cubic-bezier(.2,.9,.3,1.2)}@keyframes tour-pop-in{0%{opacity:0;transform:translateY(8px) scale(.96)}}.tour-pop:before{content:"";position:absolute;left:calc(var(--pop-arrow, 50%) - 9px);width:18px;height:18px;background:var(--panel);border:1px solid color-mix(in srgb,var(--gold) 60%,transparent);transform:rotate(45deg)}.tour-pop--below:before{top:-10px;border-right:0;border-bottom:0}.tour-pop--above:before{bottom:-10px;border-left:0;border-top:0}.tour-pop--center:before{display:none}.tour-mark{position:absolute;top:-22px;right:18px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2px dashed color-mix(in srgb,var(--gold) 80%,transparent);background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--gold) 45%,var(--panel)),var(--panel));box-shadow:0 6px 16px #00000080;font-size:1.5rem;transform:rotate(10deg)}.tour-layer--center .tour-mark{right:auto;left:50%;margin-left:-24px;transform:rotate(-6deg)}.tour-kicker{margin:0;font-size:.64rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--gold) 80%,var(--muted))}.tour-title{margin:4px 0 8px;padding-right:52px;font-family:var(--display, Georgia, serif);font-size:1.35rem;font-style:normal;font-weight:400;line-height:1.15;color:var(--gold)}.tour-layer--center .tour-pop{text-align:center;padding-top:34px}.tour-layer--center .tour-title{padding-right:0;font-size:1.6rem}.tour-body{margin:0 0 14px;font-size:.95rem;line-height:1.5}.tour-dots{display:flex;justify-content:center;gap:7px;margin:0 0 12px}.tour-dot{width:9px;height:9px;padding:0;border:1px solid color-mix(in srgb,var(--gold) 60%,transparent);border-radius:50%;background:transparent;cursor:pointer;transition:width .25s ease,background .25s ease}.tour-dot.seen{background:color-mix(in srgb,var(--gold) 45%,transparent)}.tour-dot.on{width:24px;border-radius:6px;background:var(--gold);box-shadow:0 0 10px color-mix(in srgb,var(--gold) 60%,transparent)}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.tour-actions-go{display:flex;align-items:center;gap:8px}.tour-skip,.tour-back{padding:6px 4px;border:0;background:none;color:color-mix(in srgb,var(--ink) 70%,transparent);font-family:var(--hand, cursive);font-size:1.05rem;cursor:pointer}.tour-skip:hover,.tour-back:hover{color:var(--gold)}.tour-next{padding:9px 18px;border:0;border-radius:999px;background:linear-gradient(180deg,var(--btn-top, var(--gold)),var(--btn-bottom, var(--gold-dim)));box-shadow:0 3px #00000073,0 0 16px color-mix(in srgb,var(--gold) 35%,transparent);color:#1a120c;font-family:var(--hand, cursive);font-size:1.15rem;font-weight:700;cursor:pointer}.tour-next:hover{filter:brightness(1.07)}.tour-next:active{transform:translateY(2px);box-shadow:0 1px #00000073}.pops-switch{font-family:var(--ui, inherit);font-size:1rem;letter-spacing:normal;text-transform:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;cursor:pointer}.pops-switch-words{display:grid;gap:3px}.pops-switch-words strong{font-family:var(--display, Georgia, serif);letter-spacing:normal;text-transform:none;font-size:1rem;font-weight:400;color:var(--gold)}.pops-switch-words small{font-size:.82rem;letter-spacing:normal;line-height:1.35;text-transform:none;color:var(--muted)}.pops-switch input{position:absolute;opacity:0;width:1px;height:1px}.pops-switch-track{position:relative;width:50px;height:28px;border-radius:999px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);background:#0006;box-shadow:inset 0 2px 5px #0009;transition:background .2s ease}.pops-switch-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--ink) 55%,#555);box-shadow:0 2px 4px #00000080;transition:transform .22s cubic-bezier(.3,1.4,.5,1),background .2s ease}.pops-switch input:checked+.pops-switch-track{background:color-mix(in srgb,var(--gold) 35%,rgba(0,0,0,.3))}.pops-switch input:checked+.pops-switch-track .pops-switch-knob{transform:translate(22px);background:var(--gold);box-shadow:0 0 10px color-mix(in srgb,var(--gold) 70%,transparent)}.pops-switch input:focus-visible+.pops-switch-track{outline:2px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion: reduce){.hpop--in{animation:none;opacity:1;transform:none}.tour-ring{animation:none}.tour-pop,.tour-ring,.tour-hole{transition:none;animation:none}}