:root,[data-theme=dark]{color-scheme:dark;--bg-deep: #0b0c10;--bg-sidebar: #101218;--bg-content: #13151c;--panel: #1a1d26;--panel-2: #21242f;--panel-3: #272b38;--border: #2a2e3a;--border-soft: #1f2330;--border-strong:#3a3f52;--text: #f3f5f7;--text-soft: #d7dbe5;--muted: #8b94a8;--muted-2: #6b7282;--accent: #d4af4f;--accent-soft: #f0d488;--accent-bright:#ffd970;--accent-dim: #8c7233;--accent-deep: #5d4a1d;--brand-ink: #efe7d2;--brand-ink-soft: #c6cbd4;--accent-glow: rgba(212,175,79,.28);--accent-glow-soft: rgba(212,175,79,.14);--accent-glow-dim: rgba(212,175,79,.06);--rim-light: rgba(255,217,112,.45);--ok: #3ecf8e;--warn: #f5a524;--danger: #e5484d;--spotify: #1db954;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 14px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.2);--shadow-lg: 0 10px 30px rgba(0,0,0,.45), 0 2px 6px rgba(0,0,0,.25);--shadow-accent: 0 8px 24px rgba(212,175,79,.22), inset 0 1px 0 rgba(255,217,112,.35);--shadow-stage: 0 0 0 1px var(--accent-glow), 0 16px 40px rgba(0,0,0,.55), 0 0 64px -16px var(--accent-glow);--inset-polish: inset 0 1px 0 rgba(255,217,112,.22), inset 0 -1px 0 rgba(0,0,0,.35);--stage-btn-bg: linear-gradient(180deg, rgba(212,175,79,.12) 0%, rgba(15,12,8,.4) 100%);--stage-btn-bg-hover: linear-gradient(180deg, rgba(255,217,112,.3) 0%, rgba(212,175,79,.1) 100%);--stage-btn-bg-active: linear-gradient(180deg, #ffd970 0%, #f0d488 28%, #d4af4f 62%, #a07c2c 100%);--stage-btn-border: rgba(212,175,79,.32);--stage-btn-border-hover: rgba(255,217,112,.75);--stage-btn-border-active: rgba(255,217,112,.95);--stage-btn-text: rgba(244,232,200,.92);--stage-btn-text-hover: #ffd970;--stage-btn-text-active: #1a1208;--stage-btn-shadow: inset 0 1px 0 rgba(255,217,112,.18), 0 1px 2px rgba(0,0,0,.45), 0 0 0 1px rgba(212,175,79,.04);--stage-btn-shadow-hover: inset 0 1px 0 rgba(255,229,160,.3), 0 6px 18px -4px rgba(212,175,79,.32), 0 0 0 3px rgba(212,175,79,.1);--stage-btn-shadow-active: 0 0 22px rgba(255,217,112,.55), inset 0 1px 0 rgba(255,229,160,.55), inset 0 -6px 10px -8px rgba(0,0,0,.35), 0 4px 12px -2px rgba(212,175,79,.35);--ease: cubic-bezier(.22,1,.36,1);--ease-snap: cubic-bezier(.2,.9,.3,1);--dur-fast: .16s;--dur: .28s;--dur-slow: .48s;--font-ui: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Consolas", ui-monospace, monospace;--accent-pale: #ffe5a0;--accent-pale-rgb: 255,229,160;--data-orange-1: #fb923c;--data-orange-2: #f97316;--veil-hi-rgb: 255,255,255;--veil-lo-rgb: 0,0,0;--glint-rgb: 255,255,255;--shadow-rgb: 0,0,0;--accent-ink: #d4af4f;--accent-soft-ink: #f0d488;--accent-bright-ink: #ffd970;--accent-dim-ink: #8c7233;--accent-soft-ink-rgb: 240,212,136;--accent-bright-ink-rgb: 255,217,112;--accent-dim-ink-rgb: 140,114,51;--text-warm: #f2e9d4;--text-inverse: #1a1608;--panel-4: #2e3342;--info: #6aa6f5;--ok-soft: rgba(62,207,142,.16);--warn-soft: rgba(245,165,36,.16);--danger-soft: rgba(229,72,77,.16);--info-soft: rgba(106,166,245,.14);--keyhue-c-a: #3a4a5c;--keyhue-c-b: #1f2833;--keyhue-cs-a: #5c3a4a;--keyhue-cs-b: #2a1a24;--keyhue-d-a: #4a5c3a;--keyhue-d-b: #222a1a;--keyhue-ds-a: #3a5c56;--keyhue-ds-b: #1a2a26;--keyhue-e-a: #5c4e3a;--keyhue-e-b: #2a231a;--keyhue-f-a: #3a5c4e;--keyhue-f-b: #1a2a24;--keyhue-fs-a: #5c3a5c;--keyhue-fs-b: #2a1a2a;--keyhue-g-a: #3a4e5c;--keyhue-g-b: #1a232a;--keyhue-gs-a: #5c3a3a;--keyhue-gs-b: #2a1a1a;--keyhue-a-a: #56523a;--keyhue-a-b: #26221a;--keyhue-as-a: #5c523a;--keyhue-as-b: #2a251a;--keyhue-b-a: #443a5c;--keyhue-b-b: #1f1a2a;--tone-green: #8be2a8;--tone-blue: #8ebbf0;--tone-violet: #c3a3ef;--tone-amber: #d4af4f;--tone-grey: #b8b8c2;--surf-warm-deep: #1a1608;--text-mid: #b8bcc6;--text-warm-2: #b8ac94;--surf-invert: #ffffff;--surf-invert-2: #efe9d8;--accent-invert: #ebe4ce;--data-blue-ink-1: #8f98ab;--data-blue-ink-2: #79b9ff;--data-blue-ink-3: #97c5ee;--data-blue-ink-4: #e8dcff;--data-blue-surf-1: #313046;--data-blue-surf-2: #1d5785;--data-blue-surf-3: #2563eb;--data-blue-surf-4: #7262f3;--data-blue-surf-5: #0891b2;--data-blue-surf-6: #6188bd;--data-blue-surf-7: #9f83e1;--data-blue-surf-8: #5aa0e9;--data-blue-surf-9: #8ac5f2;--data-blue-surf-10: #22d3ee;--data-blue-surf-11: #4fd8cf;--data-blue-surf-12: #dcf0ff;--data-red-ink-1: #2a0b0b;--data-red-ink-2: #b8401a;--data-red-ink-3: #e66767;--data-red-ink-4: #ff7fcd;--data-red-ink-5: #f69c9c;--data-red-ink-6: #ffc8ca;--data-red-surf-1: #501414;--data-red-surf-2: #b22826;--data-red-surf-3: #db2777;--data-red-surf-4: #de5858;--data-red-surf-5: #ec4899;--data-red-surf-6: #c47a9c;--data-red-surf-7: #eb7e83;--data-red-surf-8: #f472b6;--data-red-surf-9: #ff8452;--data-red-surf-10: #ff9ad4;--data-red-surf-11: #f4a7a7;--data-red-surf-12: #ffc8c8;--data-green-ink-1: #082015;--data-green-ink-2: #3ecf8e;--data-green-ink-3: #7fc97a;--data-green-ink-4: #97d5b2;--data-green-ink-5: #87f2b6;--data-green-ink-6: #c2ebd3;--data-green-surf-1: #059669;--data-green-surf-2: #65a30d;--data-green-surf-3: #54a569;--data-green-surf-4: #1eb954;--data-green-surf-5: #8ac466;--data-green-surf-6: #44cc89;--data-green-surf-7: #72ca9a;--data-green-surf-8: #a3e635;--data-green-surf-9: #8de4b7;--data-green-surf-10: #b4ffd2;--data-violet-ink-1: #cfa8ec;--data-violet-surf-1: #352a48;--data-violet-surf-2: #7c3aed;--data-violet-surf-3: #b14ad4;--data-violet-surf-4: #d44fb3;--data-violet-surf-5: #ab81d7;--data-violet-surf-6: #d888ca;--data-violet-surf-7: #e879f9;--data-violet-surf-8: #c3a3ef;--accent-rgb: 212,175,79;--accent-bright-rgb: 255,217,112;--accent-dim-rgb: 140,114,51;--accent-ink-rgb: 212,175,79;--accent-invert-rgb: 235,228,206;--accent-soft-rgb: 240,212,136;--bg-content-rgb: 19,21,28;--bg-deep-rgb: 11,12,16;--bg-sidebar-rgb: 16,18,24;--data-blue-ink-1-rgb: 143,152,171;--data-blue-surf-1-rgb: 49,48,70;--data-blue-surf-11-rgb: 79,216,207;--data-blue-surf-12-rgb: 220,240,255;--data-blue-surf-4-rgb: 114,98,243;--data-blue-surf-6-rgb: 97,136,189;--data-blue-surf-8-rgb: 90,160,233;--data-blue-surf-9-rgb: 138,197,242;--data-green-surf-10-rgb: 180,255,210;--data-green-surf-3-rgb: 84,165,105;--data-green-surf-4-rgb: 30,185,84;--data-green-surf-6-rgb: 68,204,137;--data-green-surf-7-rgb: 114,202,154;--data-green-surf-9-rgb: 141,228,183;--data-red-surf-1-rgb: 80,20,20;--data-red-surf-11-rgb: 244,167,167;--data-red-surf-12-rgb: 255,200,200;--data-red-surf-2-rgb: 178,40,38;--data-red-surf-4-rgb: 222,88,88;--data-red-surf-7-rgb: 235,126,131;--data-red-surf-9-rgb: 255,132,82;--data-violet-surf-3-rgb: 177,74,212;--data-violet-surf-4-rgb: 212,79,179;--data-violet-surf-5-rgb: 171,129,215;--data-violet-surf-6-rgb: 216,136,202;--muted-rgb: 139,148,168;--panel-rgb: 26,29,38;--panel-2-rgb: 33,36,47;--panel-3-rgb: 39,43,56;--panel-4-rgb: 46,51,66;--surf-warm-deep-rgb: 26,22,8;--text-rgb: 243,245,247;--text-mid-rgb: 184,188,198;--text-soft-rgb: 215,219,229;--text-warm-rgb: 242,233,212;--warn-rgb: 245,165,36}[data-theme=light]{color-scheme:light;--bg-deep: #ddd5c2;--bg-sidebar: #e7e0d0;--bg-content: #f0ece1;--panel: #ffffff;--panel-2: #f6f2e7;--panel-3: #e4dcc9;--panel-4: #d3c9b1;--border: #bfb298;--border-soft: #d8cfba;--border-strong:#93836a;--text: #100d0b;--text-soft: #241f19;--muted: #4e463b;--muted-2: #625948;--text-warm: #3a3227;--text-inverse:#1e1810;--brand-ink: #241f19;--brand-ink-soft: #3a332a;--accent: #c19a26;--accent-soft: #c9a24a;--accent-bright:#e2c176;--accent-dim: #b9ab86;--accent-deep: #efe3c6;--accent-pale: #e8cf8a;--accent-ink: #63500f;--accent-soft-ink: #5f4a12;--accent-bright-ink: #4d3a0c;--accent-dim-ink: #8a7639;--accent-pale-rgb: 232,207,138;--accent-soft-ink-rgb: 95,74,18;--accent-bright-ink-rgb: 77,58,12;--accent-dim-ink-rgb: 138,118,57;--data-orange-1: #9c4a06;--data-orange-2: #8a3d04;--accent-glow: rgba(193,154,38,.34);--accent-glow-soft: rgba(193,154,38,.18);--accent-glow-dim: rgba(193,154,38,.09);--rim-light: rgba(107,83,16,.38);--veil-hi-rgb: 40,32,22;--veil-lo-rgb: 40,32,22;--glint-rgb: 255,255,255;--shadow-rgb: 58,46,28;--ok: #16653f;--warn: #7a5303;--danger: #a51f24;--info: #17518f;--ok-soft: rgba(22,101,63,.14);--warn-soft: rgba(122,83,3,.14);--danger-soft: rgba(165,31,36,.12);--info-soft: rgba(23,81,143,.12);--shadow-sm: 0 1px 2px rgba(58,46,28,.12);--shadow-md: 0 4px 14px rgba(58,46,28,.14), 0 1px 2px rgba(58,46,28,.1);--shadow-lg: 0 10px 30px rgba(58,46,28,.18), 0 2px 6px rgba(58,46,28,.12);--shadow-accent: 0 8px 24px rgba(193,154,38,.22), inset 0 1px 0 rgba(255,255,255,.7);--shadow-stage: 0 0 0 1px rgba(193,154,38,.34), 0 16px 40px rgba(58,46,28,.2), 0 0 64px -16px rgba(193,154,38,.28);--inset-polish: inset 0 1px 0 rgba(255,255,255,.8), inset 0 -1px 0 rgba(58,46,28,.1);--stage-btn-bg: linear-gradient(180deg, #ffffff 0%, #f6f2e9 100%);--stage-btn-bg-hover: linear-gradient(180deg, #fff9e8 0%, #f4e8c8 100%);--stage-btn-bg-active: linear-gradient(180deg, #e6bf63 0%, #c9a24a 45%, #c19a26 100%);--stage-btn-border: #cfc5af;--stage-btn-border-hover: #c19a26;--stage-btn-border-active: #6b5310;--stage-btn-text: #2e2820;--stage-btn-text-hover: #6b5310;--stage-btn-text-active: #1e1810;--stage-btn-shadow: 0 1px 2px rgba(58,46,28,.1);--stage-btn-shadow-hover: 0 4px 12px -4px rgba(193,154,38,.35), 0 0 0 3px rgba(193,154,38,.12);--stage-btn-shadow-active: 0 2px 10px rgba(193,154,38,.4), inset 0 1px 0 rgba(255,255,255,.45);--keyhue-c-a: #cfd8e4;--keyhue-c-b: #aebccd;--keyhue-cs-a: #e4cfd8;--keyhue-cs-b: #cdaebc;--keyhue-d-a: #d8e4cf;--keyhue-d-b: #bccdae;--keyhue-ds-a: #cfe4e0;--keyhue-ds-b: #aecdc7;--keyhue-e-a: #e4dccf;--keyhue-e-b: #cdc0ae;--keyhue-f-a: #cfe4da;--keyhue-f-b: #aecdbe;--keyhue-fs-a: #e0cfe4;--keyhue-fs-b: #c5aecd;--keyhue-g-a: #cfdae4;--keyhue-g-b: #aebecd;--keyhue-gs-a: #e4cfcf;--keyhue-gs-b: #cdaeae;--keyhue-a-a: #e2e4cf;--keyhue-a-b: #c8cdae;--keyhue-as-a: #e4e0cf;--keyhue-as-b: #cdc5ae;--keyhue-b-a: #d5cfe4;--keyhue-b-b: #b7aecd;--tone-green: #16603c;--tone-blue: #194f8c;--tone-violet: #5a2b8c;--tone-amber: #63500f;--tone-grey: #45403a;--surf-warm-deep: #efe7d5;--text-mid: #4d4132;--text-warm-2: #5c4e3a;--surf-invert: #fffdf7;--surf-invert-2: #f7f2e6;--accent-invert: #f3ecda;--data-blue-ink-1: #354e83;--data-blue-ink-2: #004c9e;--data-blue-ink-3: #105089;--data-blue-ink-4: #280075;--data-blue-surf-1: #cfcfdc;--data-blue-surf-2: #bed6e8;--data-blue-surf-3: #b4c5e9;--data-blue-surf-4: #bab4e9;--data-blue-surf-5: #b9e1eb;--data-blue-surf-6: #c0ccdd;--data-blue-surf-7: #c6b8e5;--data-blue-surf-8: #b4cee9;--data-blue-surf-9: #b4d2e9;--data-blue-surf-10: #b4e2e9;--data-blue-surf-11: #b7e6e3;--data-blue-surf-12: #b4d2e9;--data-red-ink-1: #b02626;--data-red-ink-2: #a8340f;--data-red-ink-3: #9e1313;--data-red-ink-4: #9c005f;--data-red-ink-5: #8d0606;--data-red-ink-6: #7d0005;--data-red-surf-1: #e9c4c4;--data-red-surf-2: #e7bbba;--data-red-surf-3: #e9b5cc;--data-red-surf-4: #e7b6b6;--data-red-surf-5: #e9b4ce;--data-red-surf-6: #ddc1cd;--data-red-surf-7: #e9b4b6;--data-red-surf-8: #e9b4d0;--data-red-surf-9: #e9c3b4;--data-red-surf-10: #e9b4d3;--data-red-surf-11: #e9b4b4;--data-red-surf-12: #e9b4b4;--data-green-ink-1: #156641;--data-green-ink-2: #156944;--data-green-ink-3: #2b6826;--data-green-ink-4: #266742;--data-green-ink-5: #066a32;--data-green-ink-6: #1e6a3e;--data-green-surf-1: #bcebdd;--data-green-surf-2: #d7ebba;--data-green-surf-3: #c3dbc9;--data-green-surf-4: #b7eac9;--data-green-surf-5: #cbdfbe;--data-green-surf-6: #bae3cf;--data-green-surf-7: #bedfcd;--data-green-surf-8: #d5e9b4;--data-green-surf-9: #b8e5ce;--data-green-surf-10: #b4e9c9;--data-violet-ink-1: #51167d;--data-violet-surf-1: #d3cdde;--data-violet-surf-2: #c8b4e9;--data-violet-surf-3: #dab8e5;--data-violet-surf-4: #e5b8da;--data-violet-surf-5: #cebce1;--data-violet-surf-6: #e1bcdb;--data-violet-surf-7: #e2b4e9;--data-violet-surf-8: #cbb5e8;--accent-rgb: 193,154,38;--accent-bright-rgb: 226,193,118;--accent-dim-rgb: 185,171,134;--accent-ink-rgb: 99,80,15;--accent-invert-rgb: 243,236,218;--accent-soft-rgb: 201,162,74;--bg-content-rgb: 240,236,225;--bg-deep-rgb: 221,213,194;--bg-sidebar-rgb: 231,224,208;--data-blue-ink-1-rgb: 53,78,131;--data-blue-surf-1-rgb: 207,207,220;--data-blue-surf-11-rgb: 183,230,227;--data-blue-surf-12-rgb: 180,210,233;--data-blue-surf-4-rgb: 186,180,233;--data-blue-surf-6-rgb: 192,204,221;--data-blue-surf-8-rgb: 180,206,233;--data-blue-surf-9-rgb: 180,210,233;--data-green-surf-10-rgb: 180,233,201;--data-green-surf-3-rgb: 195,219,201;--data-green-surf-4-rgb: 183,234,201;--data-green-surf-6-rgb: 186,227,207;--data-green-surf-7-rgb: 190,223,205;--data-green-surf-9-rgb: 184,229,206;--data-red-surf-1-rgb: 233,196,196;--data-red-surf-11-rgb: 233,180,180;--data-red-surf-12-rgb: 233,180,180;--data-red-surf-2-rgb: 231,187,186;--data-red-surf-4-rgb: 231,182,182;--data-red-surf-7-rgb: 233,180,182;--data-red-surf-9-rgb: 233,195,180;--data-violet-surf-3-rgb: 218,184,229;--data-violet-surf-4-rgb: 229,184,218;--data-violet-surf-5-rgb: 206,188,225;--data-violet-surf-6-rgb: 225,188,219;--muted-rgb: 78,70,59;--panel-rgb: 255,255,255;--panel-2-rgb: 246,242,231;--panel-3-rgb: 228,220,201;--panel-4-rgb: 211,201,177;--surf-warm-deep-rgb: 239,231,213;--text-rgb: 16,13,11;--text-mid-rgb: 77,65,50;--text-soft-rgb: 36,31,25;--text-warm-rgb: 58,50,39;--warn-rgb: 122,83,3}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:var(--font-ui)}body{background:radial-gradient(1200px 600px at 8% -8%,rgba(var(--accent-rgb),.09),transparent 60%),radial-gradient(900px 500px at 112% 2%,rgba(var(--data-green-surf-4-rgb),.05),transparent 60%),radial-gradient(1400px 500px at 50% 115%,rgba(var(--accent-rgb),.07),transparent 65%),radial-gradient(1100px 800px at 50% 40%,rgba(var(--accent-bright-rgb),.025),transparent 70%),var(--bg-deep);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:where(button,a,[role=button],input,select,textarea):focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow);border-radius:var(--r-sm)}::selection{background:var(--accent);color:var(--text-inverse)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}button,input,select,textarea{font:inherit}a{color:inherit}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--panel-3);border-radius:10px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--data-blue-surf-1);background-clip:padding-box;border:2px solid transparent}.app-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:300px 1fr;background:var(--bg-deep)}.sidebar{border-right:1px solid var(--border-soft);background:linear-gradient(180deg,var(--bg-sidebar) 0%,var(--bg-deep) 100%);padding:14px 14px 10px;display:flex;flex-direction:column;gap:10px;position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;min-height:0}.sidebar-header{padding:4px 6px 6px;position:relative}.sidebar-handle{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:3;width:14px;height:72px;padding:0;border-radius:7px;border:1px solid rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.14);color:var(--accent-ink);font-size:.95rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s,height .15s}.sidebar-handle:hover,.sidebar-handle:focus-visible{background:rgba(var(--accent-rgb),.32);border-color:var(--accent);height:96px}.sidebar-handle:active{background:rgba(var(--accent-rgb),.44)}.sidebar-handle-caret{pointer-events:none}.sidebar-handle--rail{position:fixed;left:0;right:auto;z-index:115;border-radius:0 8px 8px 0;border-left-color:transparent}.sidebar-header .brand-logo{margin:0 0 4px}.brand-logo{--brand-size: 2rem;display:flex;flex-direction:column;align-items:center;gap:.18em;font-size:var(--brand-size);line-height:1;-webkit-user-select:none;user-select:none;margin:0}.brand-logo .brand-main{font-family:Julius Sans One,Cinzel,sans-serif;font-size:var(--brand-size);font-weight:400;letter-spacing:.14em;line-height:1;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--brand-ink)}.brand-logo .brand-sub{display:inline-flex;align-items:center;gap:10px}.brand-logo .brand-sub-dash{display:none}.brand-logo .brand-sub-text{font-family:Julius Sans One,Cinzel,sans-serif;font-size:calc(var(--brand-size) * .58);font-weight:400;letter-spacing:.1em;color:var(--brand-ink-soft)}.sidebar-header p{margin:0;color:var(--muted);font-size:.78rem;letter-spacing:.02em}.sidebar-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 6px 4px;border-top:1px solid var(--border-soft)}.sidebar-footer p{margin:0;min-width:0;color:var(--muted);font-size:.72rem;letter-spacing:.04em;text-align:left}.sidebar-collection-btn{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:rgba(var(--veil-hi-rgb),.03);color:var(--text-soft);font:inherit;font-size:.72rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.sidebar-collection-btn:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);color:var(--accent-ink)}.sidebar-collection-btn-icon{color:var(--accent-ink);font-size:.8rem}.app-shell.is-sidebar-collapsed{--topbar-h: 140px;grid-template-columns:1fr}.app-shell.is-sidebar-collapsed .sidebar{display:none}.app-shell.is-sidebar-collapsed .topbar{left:0;padding:10px 24px 10px 14px}.search,.filters-panel select,.form-grid input,.panel-card input,.panel-card select,.panel-card textarea,.right-section input,.right-section select,.right-section textarea,.collapsible-body input,.collapsible-body select,.collapsible-body textarea{width:100%;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--panel-2);color:var(--text);transition:border-color .15s,background .15s,box-shadow .15s}.search:focus,.filters-panel select:focus,.form-grid input:focus,.panel-card input:focus,.panel-card select:focus,.panel-card textarea:focus,.right-section input:focus,.right-section select:focus,.right-section textarea:focus,.collapsible-body input:focus,.collapsible-body select:focus,.collapsible-body textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12);background:var(--panel)}.search{padding-left:36px;padding-right:34px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b94a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");background-repeat:no-repeat;background-position:10px center;background-size:16px}.search-wrapper{position:relative;flex-shrink:0}.search-clear,.search-kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:auto}.search-clear{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:1rem;line-height:1;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.search-clear:hover{border-color:var(--accent);color:var(--accent-soft-ink);background:rgba(var(--accent-rgb),.1)}.search-kbd{pointer-events:none;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border:1px solid var(--border-soft);border-radius:5px;background:var(--panel-2);color:var(--muted-2);font-family:var(--font-mono, ui-monospace, monospace);font-size:.72rem;font-weight:700;line-height:1}.filter-group--chips{flex-direction:column;align-items:stretch;gap:6px}.filter-group--chips .filter-label{min-width:0;margin-bottom:2px}.filter-chips{display:flex;flex-wrap:wrap;gap:5px}.filter-chip{padding:5px 11px;border-radius:999px;border:1px solid var(--border);background:linear-gradient(180deg,var(--panel-2),var(--panel));color:var(--text-soft);font-family:inherit;font-size:.75rem;font-weight:600;line-height:1.1;cursor:pointer;box-shadow:var(--inset-polish);transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease-snap),background var(--dur-fast) var(--ease-snap),color var(--dur-fast) var(--ease-snap),box-shadow var(--dur) var(--ease)}.filter-chip:hover:not(.is-active){border-color:var(--accent-dim);color:var(--accent-soft-ink);transform:translateY(-1px);box-shadow:var(--inset-polish),0 0 0 3px var(--accent-glow-soft)}.filter-chip.is-active{background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent-soft) 38%,var(--accent) 75%,var(--accent) 100%);color:var(--text-inverse);border-color:rgba(var(--accent-bright-rgb),.55);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.55),inset 0 -6px 10px -8px rgba(var(--shadow-rgb),.4),0 6px 16px -6px rgba(var(--accent-rgb),.5),0 0 0 1px var(--accent-glow);text-shadow:0 1px 0 rgba(var(--accent-pale-rgb),.35)}.filter-chip--conf-high.is-active{background:linear-gradient(180deg,var(--data-green-surf-9),var(--data-green-surf-6) 45%,var(--data-green-surf-3) 100%);border-color:rgba(var(--data-green-surf-9-rgb),.55);color:var(--text-inverse);box-shadow:inset 0 1px rgba(var(--data-green-surf-10-rgb),.5),inset 0 -6px 10px -8px rgba(var(--shadow-rgb),.4),0 6px 16px -6px rgba(var(--data-green-surf-3-rgb),.45)}.filter-chip--conf-medium.is-active{background:linear-gradient(180deg,var(--accent-soft),var(--accent-bright) 45%,var(--warn) 100%);border-color:rgba(var(--accent-soft-rgb),.55);color:var(--text-inverse);box-shadow:inset 0 1px rgba(var(--accent-invert-rgb),.5),inset 0 -6px 10px -8px rgba(var(--shadow-rgb),.4),0 6px 16px -6px rgba(var(--warn-rgb),.5)}.filter-chip--conf-low.is-active{background:linear-gradient(180deg,var(--data-red-surf-11),var(--data-red-surf-7) 45%,var(--data-red-surf-4) 100%);border-color:rgba(var(--data-red-surf-11-rgb),.55);color:var(--data-red-ink-1);box-shadow:inset 0 1px rgba(var(--data-red-surf-12-rgb),.5),inset 0 -6px 10px -8px rgba(var(--shadow-rgb),.4),0 6px 16px -6px rgba(var(--data-red-surf-4-rgb),.45)}.playlist-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px}.playlist-section-toggle{background:transparent;border:none;color:var(--muted-2);font-family:inherit;font-size:.7rem;font-weight:700;letter-spacing:.04em;cursor:pointer;padding:2px 4px;border-radius:4px;transition:color .12s,background .12s}.playlist-section-toggle:hover{color:var(--accent-soft-ink);background:rgba(var(--accent-rgb),.08)}.playlist-chips{display:flex;flex-wrap:wrap;gap:5px;padding:0 2px}.playlist-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:5px 11px;border-radius:999px;border:1px solid var(--border);background:linear-gradient(180deg,var(--panel-2),var(--panel));color:var(--text-soft);font-family:inherit;font-size:.74rem;font-weight:600;line-height:1.15;cursor:pointer;box-shadow:var(--inset-polish);transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease-snap),background var(--dur-fast) var(--ease-snap),color var(--dur-fast) var(--ease-snap),box-shadow var(--dur) var(--ease)}.playlist-chip:hover:not(.is-active){border-color:var(--accent-dim);color:var(--accent-soft-ink);transform:translateY(-1px);box-shadow:var(--inset-polish),0 0 0 3px var(--accent-glow-soft)}.playlist-chip.is-active{background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent-soft) 38%,var(--accent) 75%,var(--accent) 100%);color:var(--text-inverse);border-color:rgba(var(--accent-bright-rgb),.55);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.55),inset 0 -6px 10px -8px rgba(var(--shadow-rgb),.4),0 6px 16px -6px rgba(var(--accent-rgb),.5),0 0 0 1px var(--accent-glow);text-shadow:0 1px 0 rgba(var(--accent-pale-rgb),.35)}.playlist-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.playlist-chip--toute .playlist-chip-label{max-width:none}.playlist-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 5px;border-radius:9px;background:rgba(var(--veil-hi-rgb),.06);color:inherit;font-size:.65rem;font-weight:800;opacity:.85}.playlist-chip.is-active .playlist-chip-count{background:rgba(var(--bg-sidebar-rgb),.18)}.filters-panel{display:flex;flex-direction:column;gap:7px;padding:11px 13px 13px;border:1.5px solid var(--accent-dim);border-radius:var(--r-md);background:linear-gradient(150deg,rgba(var(--accent-rgb),.1) 0%,rgba(var(--accent-rgb),.03) 55%,transparent 100%);box-shadow:inset 0 1px rgba(var(--accent-rgb),.12),0 0 0 3px rgba(var(--accent-rgb),.05),var(--shadow-sm)}.filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.filters-title{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-dim-ink)}.filters-reset-btn{background:transparent;border:1px solid var(--border-soft);color:var(--muted-2);border-radius:var(--r-sm);padding:2px 9px;font-size:.72rem;font-weight:700;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.filters-reset-btn:hover:not(:disabled){border-color:var(--accent-dim);color:var(--accent-soft-ink);background:rgba(var(--accent-rgb),.08)}.filters-reset-btn:disabled{opacity:.3;cursor:not-allowed}.filter-group{display:flex;align-items:center;gap:8px}.filter-label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);min-width:58px;white-space:nowrap;-webkit-user-select:none;user-select:none}.filter-group select{flex:1;padding:6px 8px;font-size:.82rem}.filters-compact{position:relative;flex-shrink:0}.filters-toggle-btn{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-soft);font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;box-shadow:var(--inset-polish),var(--shadow-sm);transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease-snap),background var(--dur-fast) var(--ease-snap),color var(--dur-fast) var(--ease-snap),box-shadow var(--dur) var(--ease)}.filters-toggle-btn:hover{border-color:var(--accent-dim);color:var(--accent-soft-ink);background:linear-gradient(180deg,var(--panel-3),var(--panel-2));transform:translateY(-1px);box-shadow:var(--inset-polish),0 8px 22px -8px rgba(var(--shadow-rgb),.55),0 0 0 3px var(--accent-glow-soft)}.filters-toggle-btn.is-open{border-color:var(--accent);color:var(--accent-soft-ink);background:linear-gradient(180deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.06));box-shadow:var(--inset-polish),0 0 0 3px var(--accent-glow-soft),inset 0 1px rgba(var(--accent-bright-rgb),.18);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.25)}.filters-toggle-btn.has-active:not(.is-open){border-color:var(--accent-dim)}.filters-toggle-label{flex:1;text-align:left;letter-spacing:.02em}.filters-toggle-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--accent);color:var(--text-inverse);border-radius:10px;font-size:.7rem;font-weight:800;line-height:1}.filters-toggle-caret{color:var(--muted-2);font-size:.7rem;transition:color .12s}.filters-toggle-btn.is-open .filters-toggle-caret{color:var(--accent-soft-ink)}.filters-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--veil-lo-rgb),.35);z-index:60}.filters-popover{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:70;display:flex;flex-direction:column;gap:9px;padding:12px 13px 13px;border:1.5px solid var(--accent-dim);border-radius:var(--r-md);background:linear-gradient(165deg,var(--panel) 0%,var(--panel) 100%);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.06),var(--shadow-lg);max-height:min(460px,calc(100dvh - 150px));overflow-y:auto}.song-list{display:flex;flex-direction:column;gap:4px;flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 2px 20px;margin:0 -2px}.playlist-section,.sidebar-header,.sidebar-footer,.instrument-switch{flex-shrink:0}.song-item{position:relative;display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;padding:11px 12px 11px 14px;border-radius:var(--r-md);border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s,transform .05s;content-visibility:auto;contain-intrinsic-size:0 62px}.song-item:before{content:"";position:absolute;left:0;top:50%;width:3px;height:0;background:var(--accent);border-radius:0 3px 3px 0;transform:translateY(-50%);transition:height .2s}.song-item:hover{background:var(--panel);border-color:var(--border-soft)}.song-item.active{background:linear-gradient(90deg,rgba(var(--accent-rgb),.08),transparent 60%);border-color:var(--border)}.song-item.active:before{height:70%}.song-item strong{font-size:.92rem;font-weight:600;letter-spacing:-.005em}.song-item span{color:var(--text-soft);font-size:.8rem}.song-item small{color:var(--muted-2);font-size:.72rem;font-family:var(--font-mono);letter-spacing:.02em}.song-list-virtual{width:100%;height:100%}.song-list-virtual .song-item{content-visibility:visible;contain-intrinsic-size:auto;padding:6px 10px 6px 12px;gap:2px;overflow:hidden}.song-item--dense{display:grid!important;grid-template-columns:1fr auto;align-items:center;column-gap:10px}.song-item--dense .song-item-main{display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.song-item--dense .song-item-main strong{display:block;font-size:.88rem;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-item--dense .song-item-artist{font-size:.72rem;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-item--dense .song-item-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.song-item--dense .song-item-meta small{font-family:var(--font-mono);font-size:.68rem;color:var(--muted-2)}.song-key-pill{display:inline-block;padding:1px 6px;font-size:.68rem;font-weight:700;font-family:var(--font-mono);color:var(--accent-ink);background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.3);border-radius:3px;line-height:1.3}.song-spotify-dot{color:#1ed760;font-size:.85rem}.song-item--cozy{display:flex!important;flex-direction:column;gap:3px;padding:10px 12px 10px 14px!important}.song-item--compact{display:grid!important;grid-template-columns:1fr auto;align-items:center;column-gap:10px;padding:6px 10px 6px 12px!important}.song-item--compact .song-item-main{display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.song-item--compact .song-item-title{font-size:.88rem;font-weight:600;letter-spacing:-.005em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-item--compact .song-item-artist{font-size:.72rem;font-weight:400;color:var(--text-soft);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-item--compact .song-item-meta{display:flex;align-items:center;gap:6px;flex-shrink:0;line-height:1.3}.song-item--compact .song-item-meta small{font-family:var(--font-mono);font-size:.68rem;color:var(--muted-2)}.song-item--compact .song-item-meta .song-midi-pill{margin-left:0;font-size:.54rem;padding:1px 5px}.song-item--compact .song-key-pill{padding:1px 6px;line-height:1.35}.song-item.is-bulk{background:rgba(var(--data-blue-surf-8-rgb),.12);border-color:rgba(var(--data-blue-surf-8-rgb),.35)}.song-item.is-bulk.active{background:linear-gradient(90deg,rgba(var(--accent-rgb),.12),rgba(var(--data-blue-surf-8-rgb),.12) 60%)}.list-controls{display:flex;align-items:center;gap:6px;padding:6px 2px 2px}.list-sort{flex:1 1 0;background:rgba(var(--veil-hi-rgb),.03);color:var(--text);border:1px solid var(--border-soft);border-radius:6px;padding:5px 8px;font-size:.78rem}.list-sort-wrap{position:relative;flex:1 1 0;min-width:0}.list-sort-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:6px 10px;background:rgba(var(--veil-hi-rgb),.03);border:1px solid var(--border-soft);border-radius:6px;color:var(--text);font-size:.8rem;font-family:inherit;text-align:left;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.list-sort-btn:hover{background:rgba(var(--accent-rgb),.06);border-color:var(--accent-dim)}.list-sort-btn.is-open{background:rgba(var(--accent-rgb),.1);border-color:var(--accent);color:var(--accent-soft-ink, var(--accent-soft-ink))}.list-sort-btn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-sort-btn-label strong{color:var(--accent-ink);font-weight:600}.list-sort-btn-caret{color:var(--muted-2);font-size:.7rem;transition:transform .12s,color .12s}.list-sort-btn.is-open .list-sort-btn-caret{color:var(--accent-ink);transform:rotate(180deg)}.list-sort-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--veil-lo-rgb),.25);z-index:60}.list-sort-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:70;margin:0;padding:4px;list-style:none;background:linear-gradient(165deg,var(--panel) 0%,var(--panel) 100%);border:1.5px solid var(--accent-dim);border-radius:var(--r-md);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.06),var(--shadow-lg);animation:list-sort-menu-in .15s ease-out}@keyframes list-sort-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.list-sort-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:5px;color:var(--text);font-size:.82rem;font-family:inherit;text-align:left;cursor:pointer;transition:background .1s,color .1s}.list-sort-item:hover{background:rgba(var(--accent-rgb),.1);color:var(--accent-soft-ink, var(--accent-soft-ink))}.list-sort-item.is-active{background:rgba(var(--accent-rgb),.15);color:var(--accent-ink);font-weight:600}.list-sort-item-check{color:var(--accent-ink);font-weight:700}.list-density-btn{background:rgba(var(--veil-hi-rgb),.03);border:1px solid var(--border-soft);color:var(--text-soft);border-radius:6px;padding:4px 10px;font-size:1rem;cursor:pointer;line-height:1}.list-density-btn:hover{color:var(--accent-ink);border-color:var(--accent)}.bulk-action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;margin:8px -2px 0;background:rgba(var(--data-blue-surf-8-rgb),.08);border:1px solid rgba(var(--data-blue-surf-8-rgb),.3);border-radius:8px;font-size:.8rem}.bulk-count{font-weight:700;color:var(--data-blue-ink-2);margin-right:4px}.undo-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:10px 14px 12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px rgba(var(--shadow-rgb),.5);z-index:9500;min-width:280px;overflow:hidden}.undo-toast-label{font-size:.85rem;color:var(--text)}.undo-toast-btn{background:transparent;color:var(--accent-ink);border:1px solid var(--accent);border-radius:5px;padding:4px 10px;font-size:.8rem;cursor:pointer;font-weight:600}.undo-toast-btn:hover{background:rgba(var(--accent-rgb),.15)}.undo-toast-close{background:transparent;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer;line-height:1;padding:0 4px}.undo-toast-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--accent);transition:width .08s linear}.song-list-virtual .playlist-group-header{display:flex;align-items:center;justify-content:space-between;padding:8px 6px 4px;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted, var(--muted))}.song-list-virtual .playlist-group-count{font-family:var(--font-mono);font-size:.7rem;color:var(--muted-2)}mark.hl{background:rgba(var(--accent-rgb),.35);color:var(--accent-ink);border-radius:2px;padding:0 1px}.cp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--bg-deep-rgb),.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:9000}.cp-panel{width:min(680px,92vw);max-height:70vh;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px rgba(var(--shadow-rgb),.6);display:flex;flex-direction:column;overflow:hidden}.cp-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-soft)}.cp-icon{font-size:1.1rem;color:var(--muted)}.cp-input{flex:1 1 0;background:transparent;border:none;outline:none;color:var(--text);font-size:1rem}.cp-kbd,.cp-footer kbd{font-family:var(--font-mono);font-size:.68rem;padding:2px 6px;border:1px solid var(--border);border-radius:4px;color:var(--muted);background:rgba(var(--veil-hi-rgb),.02)}.cp-close{cursor:pointer;transition:color .15s,border-color .15s,background .15s}.cp-close:hover{color:var(--accent-ink);border-color:var(--accent-dim, var(--accent));background:rgba(var(--accent-rgb),.1)}.cp-list{flex:1 1 0;overflow-y:auto;padding:6px 0}.cp-empty{padding:24px;text-align:center;color:var(--muted)}.cp-item{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:12px;width:100%;padding:9px 16px;background:transparent;border:none;color:var(--text);text-align:left;cursor:pointer;font-size:.9rem}.cp-item.is-active{background:rgba(var(--accent-rgb),.12)}.cp-group{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);font-weight:700}.cp-item--song .cp-group{color:var(--accent-ink)}.cp-label{display:flex;flex-direction:column;gap:2px;overflow:hidden}.cp-label strong{font-weight:600}.cp-sub{color:var(--text-soft);font-size:.78rem}.cp-hint{color:var(--muted-2);font-size:.75rem;font-family:var(--font-mono)}.cp-footer{display:flex;gap:16px;padding:8px 16px;border-top:1px solid var(--border-soft);font-size:.72rem;color:var(--muted)}.cp-footer kbd{margin-right:4px}.song-midi-pill{display:inline-block;margin-left:6px;padding:0 5px;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);border:1px solid var(--accent);border-radius:3px;vertical-align:middle}.playlist-section{display:flex;flex-direction:column;gap:10px;margin:16px 0 14px}.playlist-section-title{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted, var(--muted));padding:0 4px}.playlist-tabs{display:flex;flex-direction:column;gap:6px}.playlist-tab{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:10px;color:var(--text-soft, var(--text-mid));font-size:.92rem;font-weight:600;font-family:inherit;cursor:pointer;text-align:left;box-shadow:var(--inset-polish);transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease-snap),color var(--dur-fast) var(--ease-snap),border-color var(--dur-fast) var(--ease-snap),box-shadow var(--dur) var(--ease)}.playlist-tab:hover:not(.is-active){border-color:var(--accent-dim);color:var(--text);background:linear-gradient(180deg,var(--panel-3),var(--panel-2));transform:translateY(-1px);box-shadow:var(--inset-polish),0 8px 22px -8px rgba(var(--shadow-rgb),.55),0 0 0 3px var(--accent-glow-soft)}.playlist-tab.is-active{background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent-soft) 38%,var(--accent) 75%,var(--accent) 100%);color:var(--text-inverse);border-color:rgba(var(--accent-bright-rgb),.55);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.55),inset 0 -8px 14px -10px rgba(var(--shadow-rgb),.45),0 8px 22px -6px rgba(var(--accent-rgb),.5),0 0 0 1px var(--accent-glow);text-shadow:0 1px 0 rgba(var(--accent-pale-rgb),.35)}.playlist-tab-label{flex:1;letter-spacing:.01em}.playlist-tab-count{font-size:.75rem;font-weight:700;font-family:var(--font-mono);padding:2px 8px;border-radius:20px;background:rgba(var(--veil-lo-rgb),.2);color:inherit}.playlist-tab:not(.is-active) .playlist-tab-count{background:var(--bg-sidebar);border:1px solid var(--border-soft);color:var(--muted-2)}.playlist-empty-hint{padding:12px 4px;font-size:.85rem}.playlist-group{display:flex;flex-direction:column}.playlist-group-header{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 6px;color:var(--accent-ink);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.playlist-group-count{font-family:var(--font-mono);font-size:.72rem;color:var(--muted-2);background:var(--bg-sidebar);border:1px solid var(--border-soft);border-radius:20px;padding:2px 8px}.playlist-dropdown{position:relative}.playlist-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text-soft);font-size:.92rem;font-weight:600;font-family:inherit;cursor:pointer;text-align:left;transition:background .15s,color .15s,border-color .15s}.playlist-dropdown-trigger:hover{border-color:var(--accent-dim);color:var(--text)}.playlist-dropdown-trigger.is-open{border-color:var(--accent);background:var(--panel-2);border-radius:10px 10px 0 0}.playlist-dropdown-chevron{font-size:.7rem;color:var(--muted-2);flex-shrink:0;transition:transform .2s}.playlist-dropdown-trigger.is-open .playlist-dropdown-chevron{transform:rotate(180deg)}.playlist-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--panel-2);border:1px solid var(--accent);border-top:none;border-radius:0 0 10px 10px;box-shadow:0 8px 24px rgba(var(--shadow-rgb),.5);z-index:50;max-height:min(60vh,420px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.playlist-dropdown-option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:none;background:transparent;color:var(--text-soft);font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;text-align:left;transition:background .1s,color .1s}.playlist-dropdown-option:hover{background:var(--panel-3);color:var(--text)}.playlist-dropdown-option.is-active{background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:var(--text-inverse);font-weight:700}.playlist-dropdown-option.is-active .playlist-tab-count{background:rgba(var(--veil-lo-rgb),.2);border-color:transparent;color:var(--text-inverse)}.folder{display:flex;flex-direction:column}.folder-header{display:flex;align-items:center;gap:10px;width:100%;padding:14px 10px 14px 8px;background:none;border:none;border-radius:var(--r-sm);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;color:var(--accent-ink);font-size:1.08rem;font-weight:800;letter-spacing:.03em;transition:color .15s,background .15s}.folder-header:hover{color:var(--text);background:var(--panel)}.folder-arrow{font-size:.85rem;color:var(--accent-ink);flex-shrink:0;width:12px;text-align:center}.folder-name{flex:1}.folder-count{font-size:.78rem;font-weight:600;color:var(--muted-2);font-family:var(--font-mono);background:var(--bg-sidebar);border:1px solid var(--border-soft);border-radius:20px;padding:2px 9px}.content{padding:28px 32px 40px;display:flex;flex-direction:column;gap:18px;height:calc(100vh - var(--topbar-h-mesuree, var(--topbar-h, 56px)));height:calc(100dvh - var(--topbar-h-mesuree, var(--topbar-h, 56px)));margin-top:var(--topbar-h-mesuree, var(--topbar-h, 56px));overflow-y:auto;overscroll-behavior-y:contain;background:var(--bg-content)}.fil-ariane{flex:0 0 auto;min-width:0;margin:-6px 0 -4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.fil-ariane::-webkit-scrollbar{display:none}.fil-ariane-liste{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;white-space:nowrap}.fil-ariane-pas{display:inline-flex;align-items:center;gap:2px}.fil-ariane-lien{max-width:22ch;overflow:hidden;padding:3px 8px;border:0;border-radius:999px;background:none;color:var(--muted);font:inherit;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.fil-ariane-lien:hover{color:var(--text);background:rgba(var(--accent-rgb),.1)}.fil-ariane-lien:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.fil-ariane-sep{color:var(--muted-2);font-size:.8rem}.fil-ariane-ici{max-width:26ch;overflow:hidden;padding:3px 8px;color:var(--accent-ink);font-size:.78rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.sticky-top{position:sticky;top:-28px;z-index:20;display:flex;flex-direction:column;gap:14px;padding:20px 0 12px;margin:-20px 0 0;background:var(--bg-content);box-shadow:0 8px 16px -12px rgba(var(--shadow-rgb),.5)}@media (max-width: 1024px){.sticky-top.is-impro-open{position:relative;top:0;z-index:auto}}.eyebrow{color:var(--accent-ink);text-transform:uppercase;font-size:.72rem;letter-spacing:.12em;font-weight:600}.muted{color:var(--muted)}.empty{padding:40px 24px;text-align:center;color:var(--muted);background:var(--panel);border:1px dashed var(--border);border-radius:var(--r-lg)}.error-box,.success-box{padding:12px 16px;border:1px solid var(--border);background:var(--panel);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.error-box{border-color:rgba(var(--data-red-surf-4-rgb),.5);background:rgba(var(--data-red-surf-4-rgb),.08);color:var(--data-red-ink-6)}.success-box{border-color:rgba(var(--data-green-surf-6-rgb),.5);background:rgba(var(--data-green-surf-6-rgb),.08);color:var(--data-green-ink-6)}.song-detail{display:flex;flex-direction:column;gap:20px;min-width:0;min-height:0}.song-card{position:relative;flex-shrink:0;padding:28px 28px 22px;border-radius:var(--r-xl);background:radial-gradient(circle at 0% 0%,rgba(var(--accent-rgb),.1),transparent 40%),linear-gradient(180deg,var(--panel) 0%,var(--bg-content) 100%);border:1px solid var(--border);box-shadow:var(--shadow-md);overflow:hidden}.song-card:after{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.4),transparent)}.song-card h3{margin:0 0 4px;font-size:2.1rem;font-weight:700;letter-spacing:-.025em;line-height:1.1}.song-card p.artist{margin:0 0 18px;font-size:1.05rem;color:var(--accent-ink);font-weight:500;letter-spacing:-.005em}.song-card .badges{gap:10px}.song-card-headline{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.report-error-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--r-md);font-size:.78rem;font-weight:500;letter-spacing:.01em;color:var(--muted);background:transparent;border:1px solid var(--border);text-decoration:none;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease,transform .15s ease;flex-shrink:0;align-self:flex-start;white-space:nowrap}.report-error-btn:hover{color:var(--accent-soft-ink);border-color:var(--accent-dim);background:var(--panel);transform:translateY(-1px)}.report-error-btn:focus-visible{outline:none;border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow)}.transpose-inline{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;background:rgba(var(--accent-rgb),.08);border:1px solid var(--accent-dim);box-shadow:inset 0 1px rgba(var(--glint-rgb),.04)}.transpose-inline .transpose-btn{width:30px;height:30px;padding:0;border-radius:50%;border:1px solid var(--border-soft);background:var(--panel);color:var(--text);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .12s;display:inline-flex;align-items:center;justify-content:center}.transpose-inline .transpose-btn:hover{border-color:var(--accent);color:var(--accent-soft-ink);transform:translateY(-1px)}.transpose-inline .transpose-btn.reset{font-size:1rem;color:var(--muted)}.transpose-inline .transpose-label{min-width:32px;text-align:center;font-weight:700;font-size:.9rem;color:var(--accent-ink);letter-spacing:.02em}.badges,.chips,.action-row,.transpose-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.badge,.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);font-size:.82rem;color:var(--text-soft);font-weight:500}.badge.ok{border-color:rgba(var(--data-green-surf-6-rgb),.35);background:rgba(var(--data-green-surf-6-rgb),.1);color:var(--data-green-ink-5)}.badge.warn{border-color:rgba(var(--warn-rgb),.35);background:rgba(var(--warn-rgb),.08);color:var(--accent-bright-ink)}.badge.accent{border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.12);color:var(--accent-ink);font-weight:600}.badge.maurisson{border-color:var(--accent-dim);background:linear-gradient(135deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.12));color:var(--accent-ink);font-weight:700;box-shadow:0 0 10px rgba(var(--accent-rgb),.18)}.badge.maurisson-warn{border-color:rgba(var(--warn-rgb),.45);background:rgba(var(--warn-rgb),.12);color:var(--warn);font-weight:700;box-shadow:0 0 10px rgba(var(--warn-rgb),.15)}.badge.unverified{border-color:var(--border);background:transparent;color:var(--muted-2);font-weight:500}.badge-btn{cursor:pointer;transition:opacity .15s,box-shadow .15s}.badge-btn:hover{opacity:.82;box-shadow:0 0 12px rgba(var(--accent-rgb),.25)}.badge.ok:before,.badge.warn:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.spotify-cta{display:inline-flex;align-items:center;gap:8px;padding:8px 18px 8px 14px;border-radius:999px;background:linear-gradient(135deg,#1ed760,#1db954 55%,#169c46);color:#0b1a12;font-weight:700;font-size:.88rem;letter-spacing:.01em;text-decoration:none;border:1px solid rgba(255,255,255,.15);box-shadow:0 6px 18px #1db95459,0 1px #ffffff40 inset,0 -2px #0000002e inset;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;will-change:transform}.spotify-cta:hover{transform:translateY(-1px) scale(1.03);filter:brightness(1.08);box-shadow:0 10px 24px #1db95480,0 1px #ffffff4d inset,0 -2px #0000002e inset}.spotify-cta:active{transform:translateY(0) scale(.98);filter:brightness(.96)}.spotify-cta:focus-visible{outline:2px solid #1ed760;outline-offset:3px}.spotify-cta-logo{width:18px;height:18px;color:#0b1a12;flex-shrink:0;filter:drop-shadow(0 1px 0 rgba(255,255,255,.25))}.youtube-cta{display:inline-flex;align-items:center;gap:8px;padding:8px 18px 8px 14px;border-radius:999px;background:linear-gradient(135deg,#ff4e45,red 55%,#c00);color:#fff;font-weight:700;font-size:.88rem;letter-spacing:.01em;text-decoration:none;border:1px solid rgba(255,255,255,.15);box-shadow:0 6px 18px #ff000059,0 1px #ffffff40 inset,0 -2px #0000002e inset;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;will-change:transform}.youtube-cta:hover{transform:translateY(-1px) scale(1.03);filter:brightness(1.08);box-shadow:0 10px 24px #ff000080,0 1px #ffffff4d inset,0 -2px #0000002e inset}.youtube-cta:active{transform:translateY(0) scale(.98);filter:brightness(.96)}.youtube-cta:focus-visible{outline:2px solid #ff4e45;outline-offset:3px}.youtube-cta-logo{width:20px;height:20px;color:#fff;flex-shrink:0;filter:drop-shadow(0 1px 0 rgba(0,0,0,.2))}.chip{background:var(--panel-2);border-color:var(--border-soft);font-family:var(--font-mono);font-size:.78rem}.toolbar-card,.panel-card,.meta-grid,.section-card,.collapsible-section{border:1px solid var(--border);background:var(--panel);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.toolbar-card,.panel-card{padding:18px 20px}.toolbar-card{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.toolbar-card h4{margin:0 0 3px;font-size:.95rem;font-weight:600;color:var(--text)}.toolbar-card .muted{font-size:.82rem}.transpose-controls{gap:6px}.transpose-controls .ghost-btn{background:var(--panel-2);color:var(--text);border:1px solid var(--border);padding:9px 14px;font-weight:600;font-size:.85rem;border-radius:var(--r-md);transition:all .15s}.transpose-controls .ghost-btn:hover:not(:disabled){background:var(--accent);color:var(--text-inverse);border-color:var(--accent);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.transpose-controls .ghost-btn:active:not(:disabled){transform:translateY(0)}.transpose-label{min-width:54px;text-align:center;font-weight:700;font-family:var(--font-mono);border:1px solid var(--accent);color:var(--accent-ink);padding:9px 10px;border-radius:var(--r-md);background:rgba(var(--accent-rgb),.08);font-size:.9rem}section>h4{margin:4px 2px 10px;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.sections{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.section-card{padding:16px 16px 18px;background:linear-gradient(180deg,var(--panel) 0%,var(--bg-content) 100%);transition:border-color .15s,transform .15s}.section-card:hover{border-color:var(--border-strong)}.section-card h5{margin:0 0 12px;color:var(--accent-ink);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.section-card h5:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.3),transparent)}.bars{display:flex;flex-direction:column;gap:6px}.bar-row{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:2px;border-radius:var(--r-sm)}.bar-row:hover{background:rgba(var(--veil-hi-rgb),.015)}.beat{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:10px 6px;border-radius:var(--r-sm);border:1px solid var(--border-soft);background:var(--panel-2);font-family:var(--font-mono);font-weight:600;font-size:1.25rem;color:var(--text);letter-spacing:-.01em;transition:all .12s}.beat:hover{border-color:var(--accent-dim);background:var(--panel-3)}.beat.empty,.beat[data-empty=true]{background:transparent;border:1px dashed var(--border-soft);color:var(--muted-2);font-weight:400;opacity:.35;font-size:.85rem}.beat.empty:hover,.beat[data-empty=true]:hover{opacity:.6;background:transparent;border-color:var(--border)}.meta-grid{padding:20px 22px;display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.compact-grid{padding:0;background:transparent;border:0;box-shadow:none}.meta-grid h4{margin:0 0 10px;color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.meta-grid p{margin:0;color:var(--text-soft)}.uri{word-break:break-all;color:var(--muted);font-family:var(--font-mono);font-size:.82rem}.collapsible-section{overflow:hidden}.collapsible-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;background:transparent;border:none;color:var(--text);cursor:pointer;transition:background .12s}.collapsible-toggle h4{margin:0;font-size:.88rem;font-weight:600}.collapsible-toggle:hover{background:var(--panel-2)}.chevron{font-size:1rem;color:var(--muted);transition:transform .2s,color .12s}.collapsible-toggle:hover .chevron{color:var(--accent-ink)}.chevron.open{transform:rotate(180deg)}.collapsible-body{padding:4px 20px 20px;border-top:1px solid var(--border-soft)}.collapsible-body label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;color:var(--muted);font-size:.82rem}.collapsible-body textarea{resize:vertical;min-height:110px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.panel-card label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;color:var(--muted);font-size:.82rem}.panel-card textarea{resize:vertical;min-height:110px}.primary-btn,.ghost-btn,.ghost-link{position:relative;isolation:isolate;border-radius:var(--r-md);padding:10px 16px;border:1px solid var(--border);text-decoration:none;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.005em;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur-fast) var(--ease-snap),background var(--dur-fast) var(--ease-snap),color var(--dur-fast) var(--ease-snap),filter var(--dur-fast) var(--ease-snap);display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.primary-btn{background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent-soft) 38%,var(--accent) 62%,var(--accent) 100%);color:var(--text-inverse);border-color:rgba(var(--accent-bright-rgb),.55);box-shadow:var(--inset-polish),0 1px rgba(var(--accent-bright-rgb),.5) inset,0 -8px 14px -10px rgba(var(--shadow-rgb),.45) inset,var(--shadow-sm);text-shadow:0 1px 0 rgba(var(--accent-pale-rgb),.45)}.primary-btn:before{content:"";position:absolute;inset:1px 1px auto 1px;height:45%;border-radius:calc(var(--r-md) - 1px) calc(var(--r-md) - 1px) 0 0;background:linear-gradient(180deg,rgba(var(--veil-hi-rgb),.28),rgba(var(--veil-hi-rgb),0));pointer-events:none;z-index:0;opacity:.9;transition:opacity var(--dur) var(--ease)}.primary-btn>*{position:relative;z-index:1}.primary-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06) saturate(1.05);box-shadow:var(--inset-polish),0 1px rgba(var(--accent-pale-rgb),.6) inset,0 -8px 14px -10px rgba(var(--shadow-rgb),.45) inset,0 12px 28px -8px rgba(var(--accent-rgb),.55),0 0 0 4px var(--accent-glow-soft)}.primary-btn:hover:not(:disabled):before{opacity:1}.primary-btn:active:not(:disabled){transform:translateY(0) scale(.985);filter:brightness(.95);box-shadow:0 1px rgba(var(--accent-pale-rgb),.3) inset,0 6px 12px -6px rgba(var(--shadow-rgb),.5) inset,var(--shadow-sm)}.primary-btn:focus-visible{outline:none;box-shadow:var(--inset-polish),0 1px rgba(var(--accent-pale-rgb),.5) inset,0 -8px 14px -10px rgba(var(--shadow-rgb),.45) inset,0 0 0 3px var(--accent-glow)}.ghost-btn,.ghost-link{background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 100%);color:var(--text);box-shadow:var(--inset-polish),var(--shadow-sm)}.ghost-btn:hover:not(:disabled),.ghost-link:hover{background:linear-gradient(180deg,var(--panel-3) 0%,var(--panel-2) 100%);border-color:var(--accent-dim);color:var(--accent-soft-ink);transform:translateY(-1px);box-shadow:var(--inset-polish),0 8px 22px -8px rgba(var(--shadow-rgb),.55),0 0 0 3px var(--accent-glow-soft)}.ghost-btn:active:not(:disabled),.ghost-link:active{transform:translateY(0);filter:brightness(.96)}.ghost-btn:focus-visible,.ghost-link:focus-visible{outline:none;border-color:var(--accent-dim);box-shadow:var(--inset-polish),0 0 0 3px var(--accent-glow)}.primary-btn:disabled,.ghost-btn:disabled{opacity:.42;cursor:not-allowed;transform:none!important;filter:grayscale(.3)}.primary-btn:disabled:before{opacity:.3}.compact-btn{padding:7px 12px;font-size:.78rem}.compact{margin-top:0}.section-headline{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.sidebar-right{border-left:1px solid var(--border-soft);background:linear-gradient(180deg,var(--bg-sidebar) 0%,var(--bg-deep) 100%);padding:18px 16px;flex-direction:column;gap:14px;overflow-y:auto;display:none;position:fixed;top:0;right:0;width:360px;max-width:92vw;height:100vh;height:100dvh;z-index:90;box-shadow:-8px 0 32px rgba(var(--shadow-rgb),.6)}.sidebar-right.open{display:flex}.sidebar-right h4{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sidebar-right label{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;color:var(--muted);font-size:.8rem}.spotify-status-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md)}.spotify-status-bar .badge{padding:4px 10px;font-size:.78rem}.right-section{display:flex;flex-direction:column;gap:10px}.right-divider{border:none;border-top:1px solid var(--border-soft);margin:4px 0}.right-footer{margin-top:auto}.export-block{margin-top:12px;padding-top:14px;border-top:1px dashed var(--border-soft)}.playlist-list,.result-list,.selection-items,.selection-tabs{display:flex;flex-direction:column;gap:6px}.playlist-item,.result-item,.selection-item{border:1px solid var(--border-soft);border-radius:var(--r-md);padding:8px 10px;background:var(--panel);display:flex;justify-content:space-between;gap:10px;align-items:center;transition:border-color .15s,background .15s,transform .05s}.playlist-item:hover,.result-item:hover,.selection-item:hover{border-color:var(--border);background:var(--panel-2)}.playlist-item.active{border-color:var(--spotify);background:rgba(var(--data-green-surf-4-rgb),.08)}.playlist-avatar{flex-shrink:0;width:34px;height:34px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;color:var(--text);text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(var(--glint-rgb),.06),var(--shadow-sm);background:linear-gradient(135deg,var(--data-blue-surf-4),var(--data-blue-surf-4))}.playlist-avatar[data-hue="0"]{background:linear-gradient(135deg,var(--data-red-surf-7),var(--data-red-surf-4))}.playlist-avatar[data-hue="1"]{background:linear-gradient(135deg,var(--data-orange-1),var(--data-orange-2))}.playlist-avatar[data-hue="2"]{background:linear-gradient(135deg,var(--warn),var(--accent))}.playlist-avatar[data-hue="3"]{background:linear-gradient(135deg,var(--data-green-surf-8),var(--data-green-surf-2))}.playlist-avatar[data-hue="4"]{background:linear-gradient(135deg,var(--data-green-surf-6),var(--data-green-surf-1))}.playlist-avatar[data-hue="5"]{background:linear-gradient(135deg,var(--data-blue-surf-10),var(--data-blue-surf-5))}.playlist-avatar[data-hue="6"]{background:linear-gradient(135deg,var(--data-blue-surf-8),var(--data-blue-surf-3))}.playlist-avatar[data-hue="7"]{background:linear-gradient(135deg,var(--data-blue-surf-7),var(--data-violet-surf-2))}.playlist-avatar[data-hue="8"]{background:linear-gradient(135deg,var(--data-violet-surf-7),var(--data-violet-surf-3))}.playlist-avatar[data-hue="9"]{background:linear-gradient(135deg,var(--data-red-surf-8),var(--data-red-surf-3))}.playlist-item .selection-link,.result-item>div,.selection-item>.selection-link,.selection-item>div:first-child{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.playlist-item strong,.result-item strong,.selection-item strong{display:block;font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item small,.result-item small,.selection-item small{display:block;color:var(--muted);margin-top:2px;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-text{min-width:0;flex:1}.spotify-search-box{margin-top:14px}.compact-actions{justify-content:flex-end}.selection-tab{display:flex;justify-content:space-between;align-items:center;width:100%;padding:9px 12px;border-radius:var(--r-md);border:1px solid var(--border-soft);background:var(--panel);color:var(--text);cursor:pointer;font-size:.85rem;transition:all .15s}.selection-tab:hover{background:var(--panel-2);border-color:var(--border)}.selection-tab.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.08);color:var(--accent-soft-ink)}.selection-tab span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:1px 6px;background:var(--panel-3);border-radius:999px;font-size:.72rem;font-weight:600;color:var(--muted)}.selection-tab.active span{background:var(--accent);color:var(--text-inverse)}.selection-link{background:transparent;border:0;padding:0;color:inherit;text-align:left;cursor:pointer;min-width:0}.checkbox-row{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;font-size:.82rem}.checkbox-row input{width:auto;accent-color:var(--accent)}.right-panel-toggle{display:inline-flex;align-items:center;gap:8px;position:fixed;top:18px;right:20px;z-index:100;padding:8px 14px 8px 12px;border-radius:999px;border:1px solid var(--accent-dim);background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:#000;font-size:.95rem;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:var(--shadow-lg);transition:transform .15s,box-shadow .15s}.right-panel-toggle:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(var(--shadow-rgb),.45)}.right-panel-toggle .right-panel-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(var(--veil-lo-rgb),.18);font-size:1rem}.right-panel-toggle.is-open{background:var(--panel);color:var(--text);border-color:var(--border)}.right-panel-toggle.is-open .right-panel-toggle-icon{background:rgba(var(--veil-hi-rgb),.08)}.right-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--veil-lo-rgb),.45);z-index:80;animation:fadein .15s ease-out}@keyframes fadein{0%{opacity:0}to{opacity:1}}.lyrics-toggle-group{display:flex;flex-direction:column;gap:4px;margin:4px 0 2px}.view-mode-group{display:flex;flex-direction:row;gap:8px;margin:10px 0 6px}.view-mode-btn{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;padding:18px 20px;border-radius:var(--r-md);border:1px solid rgba(var(--muted-rgb),.22);background:linear-gradient(90deg,rgba(var(--text-mid-rgb),.05),rgba(var(--text-mid-rgb),.02));color:rgba(var(--text-soft-rgb),.75);font-size:1rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .08s;text-align:center}.view-mode-btn:hover:not(:disabled){background:linear-gradient(90deg,rgba(var(--text-mid-rgb),.1),rgba(var(--text-mid-rgb),.04));border-color:rgba(var(--text-soft-rgb),.4);color:rgba(var(--text-rgb),.95)}.view-mode-btn:disabled{opacity:.35;cursor:not-allowed}.view-mode-btn.is-active{background:linear-gradient(90deg,rgba(var(--text-mid-rgb),.14),rgba(var(--text-mid-rgb),.06));border-color:rgba(var(--text-soft-rgb),.55);color:var(--text);box-shadow:0 2px 10px rgba(var(--shadow-rgb),.25)}.view-mode-btn.grille-mode{border-color:rgba(var(--data-green-surf-9-rgb),.22);background:linear-gradient(90deg,rgba(var(--data-green-surf-7-rgb),.07),rgba(var(--data-green-surf-7-rgb),.03));color:var(--data-green-ink-4)}.view-mode-btn.grille-mode:hover:not(:disabled){background:linear-gradient(90deg,rgba(var(--data-green-surf-7-rgb),.14),rgba(var(--data-green-surf-7-rgb),.06));border-color:rgba(var(--data-green-surf-7-rgb),.4)}.view-mode-btn.grille-mode.is-active{background:linear-gradient(90deg,rgba(var(--data-green-surf-7-rgb),.15),rgba(var(--data-green-surf-7-rgb),.06));border-color:rgba(var(--data-green-surf-7-rgb),.55);color:var(--data-green-ink-6)}.view-mode-btn:not(.chords-mode):not(.grille-mode){border-color:rgba(var(--accent-rgb),.28);background:linear-gradient(90deg,rgba(var(--accent-rgb),.08),rgba(var(--accent-rgb),.03));color:var(--accent-ink)}.view-mode-btn:not(.chords-mode):not(.grille-mode):hover:not(:disabled){background:linear-gradient(90deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.07));border-color:rgba(var(--accent-rgb),.5)}.view-mode-btn:not(.chords-mode):not(.grille-mode).is-active{background:linear-gradient(90deg,rgba(var(--accent-rgb),.18),rgba(var(--accent-rgb),.07));border-color:rgba(var(--accent-rgb),.6);color:var(--accent-soft-ink)}.view-mode-btn.chords-mode{border-color:rgba(var(--data-blue-surf-8-rgb),.28);background:linear-gradient(90deg,rgba(var(--data-blue-surf-8-rgb),.08),rgba(var(--data-blue-surf-8-rgb),.03));color:var(--data-blue-ink-3)}.view-mode-btn.chords-mode:hover:not(:disabled){background:linear-gradient(90deg,rgba(var(--data-blue-surf-8-rgb),.16),rgba(var(--data-blue-surf-8-rgb),.07));border-color:rgba(var(--data-blue-surf-8-rgb),.5)}.view-mode-btn.chords-mode.is-active{background:linear-gradient(90deg,rgba(var(--data-blue-surf-8-rgb),.18),rgba(var(--data-blue-surf-8-rgb),.07));border-color:rgba(var(--data-blue-surf-8-rgb),.6);color:var(--data-blue-ink-3)}.view-mode-btn .lit-icon{font-size:1.25rem}.view-mode-btn .lit-label{flex:0 1 auto}.scale-collapse-bar{display:flex;justify-content:flex-end;margin:4px 0 2px}.song-transpose-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin:8px 0 6px;container-type:inline-size}.song-transpose-bar .scale-collapse-toggle{justify-self:start;min-width:0}.song-transpose-controls{justify-self:center;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid rgba(var(--accent-rgb),.3);border-radius:var(--r-md);background:linear-gradient(90deg,rgba(var(--accent-rgb),.07),rgba(var(--accent-rgb),.03));box-shadow:0 0 10px rgba(var(--accent-rgb),.18);flex-wrap:wrap;max-width:100%;transition:border-color .2s,box-shadow .2s}.song-transpose-controls:hover{border-color:rgba(var(--accent-rgb),.55);box-shadow:0 0 16px rgba(var(--accent-rgb),.35)}.song-transpose-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-ink);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:help;padding-right:4px}.song-transpose-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border-soft);background:var(--panel-2);color:var(--text-soft);font-size:1.15rem;font-weight:700;font-family:var(--font-mono);border-radius:var(--r-sm);cursor:pointer;transition:background .12s,border-color .12s,color .12s;line-height:1}.song-transpose-btn:hover{background:var(--panel-3);border-color:var(--accent-dim);color:var(--accent-soft-ink)}.song-transpose-btn:active{background:rgba(var(--accent-rgb),.12);border-color:var(--accent)}.song-transpose-value{min-width:44px;text-align:center;padding:2px 6px;background:transparent;font-weight:700;font-size:1.1rem;font-family:var(--font-mono);color:var(--accent-ink);pointer-events:none;-webkit-user-select:none;user-select:none}.song-transpose-reset{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid transparent;background:transparent;color:var(--muted-2);font-size:1rem;border-radius:var(--r-sm);cursor:pointer;transition:all .12s;margin-left:1px}.song-transpose-reset:hover{color:var(--text-soft);border-color:var(--border-soft);background:var(--panel-2)}.song-capo-mode{justify-self:end;display:inline-flex;align-items:stretch;border:1px solid rgba(var(--accent-rgb),.3);border-radius:var(--r-md);overflow:hidden;background:var(--panel-2);max-width:100%}.song-capo-mode-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-soft);font-size:.8rem;font-weight:600;padding:7px 12px;cursor:pointer;white-space:nowrap;line-height:1.15;transition:background .15s,color .15s}.song-capo-mode-btn+.song-capo-mode-btn{border-left:1px solid rgba(var(--accent-rgb),.22)}.song-capo-mode-btn:hover:not(.active){background:var(--panel-3);color:var(--accent-soft-ink)}.song-capo-mode-btn.active{background:linear-gradient(90deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.12));color:var(--accent-ink);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.35)}@container (max-width: 560px){.song-transpose-bar{grid-template-columns:1fr;justify-items:center;gap:8px}.song-transpose-bar .scale-collapse-toggle,.song-transpose-controls,.song-capo-mode{justify-self:center}.song-transpose-bar .song-transpose-spacer{display:none}.song-transpose-label{font-size:.75rem;letter-spacing:.1em}}@media (max-width: 720px){.song-transpose-bar{grid-template-columns:1fr;justify-items:center;gap:8px}.song-transpose-bar .scale-collapse-toggle,.song-transpose-controls,.song-capo-mode{justify-self:center}.song-transpose-bar .song-transpose-spacer{display:none}}.scale-collapse-toggle{background:linear-gradient(90deg,rgba(var(--accent-rgb),.07),rgba(var(--accent-rgb),.03));border:1px solid rgba(var(--accent-rgb),.3);border-radius:var(--r-md);color:var(--accent-ink);padding:9px 22px;font-size:1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;box-shadow:0 0 10px rgba(var(--accent-rgb),.18)}.scale-collapse-toggle:hover{background:linear-gradient(90deg,rgba(var(--accent-rgb),.14),rgba(var(--accent-rgb),.06));border-color:rgba(var(--accent-rgb),.55);color:var(--accent-soft-ink);box-shadow:0 0 16px rgba(var(--accent-rgb),.4)}.lyrics-inline-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;margin:0;border-radius:var(--r-md);border:1px solid rgba(var(--accent-rgb),.22);background:linear-gradient(90deg,rgba(var(--accent-rgb),.07),rgba(var(--accent-rgb),.03));color:var(--accent-ink);font-size:.85rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background .15s,border-color .15s;text-align:left}.lyrics-inline-toggle:hover{background:linear-gradient(90deg,rgba(var(--accent-rgb),.14),rgba(var(--accent-rgb),.06));border-color:rgba(var(--accent-rgb),.4)}.lyrics-inline-toggle.is-open{background:linear-gradient(90deg,rgba(var(--accent-rgb),.13),rgba(var(--accent-rgb),.05));border-color:rgba(var(--accent-rgb),.45);color:var(--accent-soft-ink)}.lit-icon{font-size:1rem;opacity:.9}.lit-label{flex:1}.lit-arrow{font-size:1.1rem;opacity:.6;font-weight:400}.lyrics-inline{position:relative;padding:8px 0 32px}.lyrics-full-body{columns:2;column-gap:48px;padding:0 4px}@media (max-width: 900px){.lyrics-full-body{columns:1}}.lyrics-line{margin:0;font-size:1rem;line-height:1.85;color:var(--text-soft);letter-spacing:.01em;break-inside:avoid}.lyrics-line.lyrics-blank{height:1.8em;display:block;break-inside:avoid}.chordpro-body{flex:1;overflow-y:auto;padding:20px 22px 36px;scrollbar-width:thin;scrollbar-color:var(--border) transparent;font-family:var(--font-ui)}.chordpro-blank{height:2.6em}.chordpro-line{display:flex;flex-wrap:wrap;align-items:flex-end;margin-bottom:10px}.chordpro-segment{display:inline-flex;flex-direction:column;white-space:pre}.chordpro-body{--cp-chord-ink: var(--cp-ink-dark, var(--accent-ink));--cp-chord-bg: var(--cp-bg-dark, transparent);--cp-chord-border: var(--cp-border-dark, transparent)}[data-theme=light] .chordpro-body{--cp-chord-ink: var(--cp-ink-light, var(--accent-ink));--cp-chord-bg: var(--cp-bg-light, transparent);--cp-chord-border: var(--cp-border-light, transparent)}.chordpro-chord{font-family:var(--cp-police, var(--font-mono));color:var(--cp-chord-ink, var(--accent-ink));font-weight:var(--cp-graisse, 700);font-size:calc(.95rem * var(--cp-taille, 1));line-height:1.6;letter-spacing:.02em;min-width:max-content;padding-right:4px}.chordpro-body.has-chord-fill .chordpro-chord-ink{display:inline-block;background:var(--cp-chord-bg);box-shadow:inset 0 0 0 1px var(--cp-chord-border);border-radius:4px;padding:0 .2em;margin-left:-.2em}.chordpro-body.has-chord-fill .chordpro-chord{padding-right:10px}.lyrics-inline-title{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:16px;padding:4px 22px 14px;border-bottom:1px solid var(--border-soft);margin-bottom:6px}.lyrics-inline-title .lit-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.lyrics-inline-title .lit-title{font-family:var(--font-ui);font-size:1.15rem;font-weight:700;color:var(--text);letter-spacing:.01em}.lyrics-inline-title .lit-artist{font-family:var(--font-ui);font-size:.85rem;font-weight:500;color:var(--muted);letter-spacing:.02em}.lyrics-inline-title .lit-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0;min-width:0}.lyrics-inline-title .chord-style-picker{flex-shrink:0}.lyrics-fullscreen-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--stage-btn-border, rgba(var(--accent-rgb), .32));background:var(--stage-btn-bg, rgba(var(--accent-rgb), .1));color:var(--stage-btn-text, var(--text-warm));font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .12s}.lyrics-fullscreen-btn:hover{background:var(--stage-btn-bg-hover, rgba(var(--accent-bright-rgb), .18));border-color:var(--stage-btn-border-hover, rgba(var(--accent-bright-rgb), .75));color:var(--stage-btn-text-hover, var(--accent-bright-ink));box-shadow:var(--stage-btn-shadow-hover)}.lyrics-fullscreen-btn:active{transform:scale(.96)}.lyrics-fullscreen-btn svg{flex-shrink:0}@media (max-width: 480px){.lyrics-fullscreen-btn-label{display:none}.lyrics-fullscreen-btn{padding:11px}}.lyrics-fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;background:radial-gradient(circle at 50% -10%,var(--bg-deep) 0%,var(--bg-deep) 70%);animation:fadein .18s ease-out}.lyrics-fs-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));border-bottom:1px solid var(--border-soft, var(--border-soft));background:rgba(var(--bg-deep-rgb),.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.lyrics-fs-meta{display:flex;align-items:baseline;gap:10px;min-width:0;flex-wrap:wrap}.lyrics-fs-title{font-family:var(--font-ui);font-weight:700;font-size:1.05rem;color:var(--text, var(--text-warm));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lyrics-fs-artist{font-size:.85rem;color:var(--muted)}.lyrics-fs-key{font-size:.78rem;font-weight:700;color:var(--text-inverse);background:linear-gradient(180deg,var(--accent-bright),var(--accent));border-radius:999px;padding:2px 10px}.lyrics-fs-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.lyrics-fs-font-btn,.lyrics-fs-close{min-width:44px;height:44px;border-radius:12px;border:1px solid var(--stage-btn-border, rgba(var(--accent-rgb), .32));background:var(--stage-btn-bg, rgba(var(--accent-rgb), .1));color:var(--stage-btn-text, var(--text-warm));font-size:1rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s,transform .12s}.lyrics-fs-close{font-size:1.25rem}.lyrics-fs-font-btn:hover,.lyrics-fs-close:hover{background:var(--stage-btn-bg-hover, rgba(var(--accent-bright-rgb), .18));border-color:var(--stage-btn-border-hover, rgba(var(--accent-bright-rgb), .75));color:var(--stage-btn-text-hover, var(--accent-bright-ink))}.lyrics-fs-font-btn:disabled{opacity:.4;cursor:default}.lyrics-fs-font-btn:active:not(:disabled),.lyrics-fs-close:active{transform:scale(.94)}.lyrics-fs-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:20px clamp(16px,5vw,64px) max(40px,env(safe-area-inset-bottom))}.lyrics-fs-plain{max-width:70ch;margin:0 auto}.lyrics-fs-line{margin:0 0 .35em;line-height:1.5;color:var(--text, var(--text-warm))}.lyrics-fs-line.is-blank{height:.9em}.lyrics-fs-scroll .chordpro-body{max-width:70ch;margin:0 auto}.lyrics-fs-scroll .chordpro-lyric{font-size:1em}.lyrics-fs-scroll .chordpro-chord{font-size:calc(.82em * var(--cp-taille, 1))}.chordpro-chord.is-clickable{cursor:pointer;border-radius:4px}.chordpro-chord.is-clickable .chordpro-chord-ink{transition:background .12s ease,filter .12s ease}.chordpro-body:not(.has-chord-fill) .chordpro-chord.is-clickable:hover .chordpro-chord-ink,.chordpro-body:not(.has-chord-fill) .chordpro-chord.is-clickable:focus-visible .chordpro-chord-ink{background:rgba(var(--accent-rgb),.16);border-radius:4px;padding:0 .24em;margin-left:-.24em}.chordpro-body.has-chord-fill .chordpro-chord.is-clickable:hover .chordpro-chord-ink,.chordpro-body.has-chord-fill .chordpro-chord.is-clickable:focus-visible .chordpro-chord-ink{filter:brightness(1.14)}.chordpro-chord.is-clickable:hover,.chordpro-chord.is-clickable:focus-visible{outline:none}.chordpro-chord.is-clickable:focus-visible{box-shadow:0 0 0 2px var(--accent, currentColor)}.chord-block-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;background:linear-gradient(135deg,var(--data-blue-surf-1) 0%,var(--panel) 100%);color:var(--text-soft);font-family:var(--font-ui);font-size:.72rem;font-weight:600;letter-spacing:.01em;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s ease,color .15s ease,transform .1s ease,border-color .15s ease}.chord-block-toggle:hover{border-color:var(--accent-dim);color:var(--accent-ink);background:linear-gradient(135deg,var(--data-violet-surf-1) 0%,var(--data-blue-surf-1) 100%)}.chord-block-toggle:active{transform:translateY(1px)}.chord-block-toggle.is-active{background:transparent;color:var(--muted);border-color:var(--border-soft)}.chord-block-toggle.is-active:hover{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text);border-color:var(--border)}.chord-block-toggle-icon{width:14px;height:14px;flex-shrink:0}.chord-block-toggle-label{line-height:1.2}@media (max-width: 720px){.lyrics-inline-title{flex-direction:column;align-items:stretch}.chord-block-toggle{align-self:flex-start}}.chord-style-picker{position:relative;display:inline-flex;flex-shrink:0}.chord-style-btn{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--text-soft);font-family:var(--font-ui);font-size:.72rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,background .15s ease}.chord-style-btn:hover{border-color:var(--accent-dim)}.chord-style-btn.is-open{border-color:var(--accent)}.chord-style-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chord-style-btn.is-compact{min-width:44px;height:44px;justify-content:center;padding:0 10px;border-radius:12px;border-color:var(--stage-btn-border, rgba(var(--accent-rgb), .32));background:var(--stage-btn-bg, rgba(var(--accent-rgb), .1))}.chord-style-btn-sample,.chord-style-sample{font-family:var(--cp-police, var(--font-mono));font-weight:var(--cp-graisse, 700);font-size:.78rem;line-height:1.55;color:var(--cp-ink-dark);background:var(--cp-bg-dark);box-shadow:inset 0 0 0 1px var(--cp-border-dark);border-radius:4px;padding:0 .3em}[data-theme=light] .chord-style-btn-sample,[data-theme=light] .chord-style-sample{color:var(--cp-ink-light);background:var(--cp-bg-light);box-shadow:inset 0 0 0 1px var(--cp-border-light)}.chord-style-btn.is-compact .chord-style-btn-sample{font-size:.88rem}.chord-style-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:60;max-height:var(--cp-pop-max, min(70vh, 420px));overflow-y:auto;transform:translate(var(--cp-pop-dx, 0px));width:min(340px,calc(100vw - 32px));padding:12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow-lg)}.chord-style-popover.is-up{top:auto;bottom:calc(100% + 8px)}.chord-style-group-title{margin:0 0 6px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.chord-style-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.chord-style-head .chord-style-group-title{margin-bottom:6px}.chord-style-reset{padding:0;border:0;background:none;font:inherit;font-size:.68rem;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.chord-style-reset:hover{color:var(--accent-ink)}.chord-style-polices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 12px}.chord-style-police{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;border:1px solid var(--border-soft);border-radius:var(--r-sm);background:var(--panel-2);color:var(--text-soft);cursor:pointer;transition:border-color .14s ease,background .14s ease}.chord-style-police:hover{border-color:var(--accent-dim);background:var(--panel-3)}.chord-style-police.is-active{border-color:var(--accent);background:var(--panel-3)}.chord-style-police:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chord-style-police-sample{font-family:var(--cp-police);font-weight:700;font-size:1.02rem;line-height:1.25;color:var(--accent-ink)}.chord-style-police-name{font-family:var(--font-ui);font-size:.66rem;font-weight:500;color:var(--muted)}.chord-style-ligne{display:flex;align-items:center;gap:8px;margin:0 0 12px}.chord-style-taille{display:flex;align-items:center;gap:4px;flex:1 1 auto;padding:3px;border:1px solid var(--border-soft);border-radius:var(--r-sm);background:var(--panel-2)}.chord-style-taille-btn{min-width:30px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--text-soft);font-family:var(--font-ui);font-size:.78rem;font-weight:700;cursor:pointer;transition:background .14s ease,color .14s ease}.chord-style-taille-btn:hover:not(:disabled){background:var(--panel-3);color:var(--accent-ink)}.chord-style-taille-btn:disabled{opacity:.35;cursor:default}.chord-style-taille-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chord-style-taille-val{flex:1 1 auto;text-align:center;font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.chord-style-gras{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:7px 11px;border:1px solid var(--border-soft);border-radius:var(--r-sm);background:var(--panel-2);color:var(--muted);font-family:var(--font-ui);font-size:.74rem;font-weight:500;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease}.chord-style-gras:hover{border-color:var(--accent-dim);background:var(--panel-3)}.chord-style-gras.is-active{border-color:var(--accent);background:var(--panel-3);color:var(--text)}.chord-style-gras:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chord-style-gras-sample{font-family:var(--cp-police, var(--font-mono));font-size:.95rem;font-weight:500;color:var(--muted)}.chord-style-gras.is-active .chord-style-gras-sample{font-weight:700;color:var(--accent-ink)}.chord-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 12px}.chord-style-choice{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 9px;border:1px solid var(--border-soft);border-radius:var(--r-sm);background:var(--panel-2);color:var(--text-soft);font-family:var(--font-ui);font-size:.74rem;font-weight:500;text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease}.chord-style-choice:hover{border-color:var(--accent-dim);background:var(--panel-3)}.chord-style-choice.is-active{border-color:var(--accent);background:var(--panel-3)}.chord-style-choice:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chord-style-choice .chord-style-sample{flex-shrink:0}.chord-style-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chord-style-hint{margin:0;font-size:.68rem;line-height:1.45;color:var(--muted)}@media (max-width: 720px){.chord-style-picker{align-self:flex-start}}.chord-reference-block{position:fixed;right:12px;top:110px;width:190px;max-height:60vh;display:flex;flex-direction:column;background:var(--panel, var(--bg-content));border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px rgba(var(--shadow-rgb),.35);overflow:hidden;z-index:30}.chord-reference-block.chord-reference-block--wide{width:384px}.chord-reference-block.chord-reference-block--xwide{width:560px}.chord-reference-controls{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb,var(--accent) 7%,transparent);flex-shrink:0}.chord-simplify-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--font-ui);font-size:.78rem;font-weight:500;color:var(--text);-webkit-user-select:none;user-select:none;letter-spacing:.01em}.chord-simplify-toggle input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--accent);margin:0}.chord-reference-body{flex:1;overflow-y:auto;padding:14px 10px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:var(--accent) color-mix(in srgb,var(--accent) 12%,transparent)}.chord-reference-body::-webkit-scrollbar{width:8px}.chord-reference-body::-webkit-scrollbar-track{background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:4px}.chord-reference-body::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px;opacity:.8}.chord-reference-body::-webkit-scrollbar-thumb:hover{background:var(--accent-bright)}.chord-reference-block:after{content:"";position:absolute;left:0;right:0;bottom:0;height:28px;background:linear-gradient(to bottom,transparent,var(--panel, var(--bg-content)));pointer-events:none;opacity:0;transition:opacity .15s ease}.chord-reference-block.has-overflow:after{opacity:1}.chord-reference-block--wide .chord-reference-body{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:14px 12px;padding:14px 12px}.chord-reference-block--wide .chord-reference-item{flex:0 0 auto}.chord-reference-empty{margin:0;padding:12px;color:var(--muted);font-family:var(--font-ui);font-size:.85rem;text-align:center}.chord-reference-item{display:flex;flex-direction:column;align-items:center;gap:4px}.chord-reference-name{font-family:var(--font-ui);font-size:.98rem;font-weight:700;color:var(--text);letter-spacing:.02em}.chord-reference-diagram{display:flex;align-items:center;justify-content:center;min-height:80px}.chord-diagram-fallback{font-family:var(--font-ui);font-size:.85rem;color:var(--muted);padding:18px 0}.chord-reference-block--guitar .chord-reference-diagram .guitar-diagram{width:106px;height:112px}.chord-reference-block--ukulele .chord-reference-diagram .guitar-diagram{width:92px;height:112px}@media (max-width: 768px){.lyrics-inline{position:relative}.lyrics-inline-title .chord-block-toggle{position:fixed;bottom:16px;right:12px;left:auto;top:auto;z-index:70;padding:10px 16px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.95),rgba(var(--accent-rgb),.95));color:var(--text-inverse);border:1px solid rgba(var(--accent-rgb),.85);border-radius:999px;box-shadow:0 8px 22px rgba(var(--shadow-rgb),.55),0 0 0 1px rgba(var(--shadow-rgb),.3);font-weight:700;font-size:.82rem}.lyrics-inline-title .chord-block-toggle:hover{background:linear-gradient(180deg,rgba(var(--accent-bright-rgb),1),rgba(var(--accent-rgb),1))}.lyrics-inline-title .chord-style-picker{position:fixed;bottom:16px;left:12px;z-index:71}.lyrics-inline-title .chord-style-btn{min-width:44px;height:44px;justify-content:center;padding:0 12px;border-radius:999px;border-color:var(--accent-dim);background:var(--panel);box-shadow:0 8px 22px rgba(var(--shadow-rgb),.5)}.lyrics-inline-title .chord-style-btn-label{display:none}.lyrics-inline-title .chord-style-btn-sample{font-size:.95rem}.chord-reference-block.chord-reference-block--mobile{position:fixed;top:auto;bottom:70px;right:12px;left:12px;width:auto;max-width:360px;margin-left:auto;max-height:min(70vh,520px);z-index:65;box-shadow:0 16px 40px rgba(var(--shadow-rgb),.55)}.chord-reference-block.chord-reference-block--mobile.chord-reference-block--wide,.chord-reference-block.chord-reference-block--mobile.chord-reference-block--xwide{width:auto}}.chord-mini-piano{position:relative;width:calc(var(--white-count, 8) * 14px);height:62px;--white-count: 8}.chord-mini-piano.chord-mini-piano--empty{width:auto;height:auto;padding:14px 18px;background:transparent;border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-family:var(--font-ui);font-size:.85rem;text-align:center}.chord-mini-piano .piano-whites{display:flex;height:100%;width:100%;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--surf-invert)}.chord-mini-piano .piano-blacks{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none}.chord-mini-piano .piano-key.white{flex:1 1 0;border-right:1px solid #d6d6d6;position:relative;background:#fff;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px}.chord-mini-piano .piano-key.white:last-child{border-right:none}.chord-mini-piano .piano-key.black{position:absolute;top:0;width:calc(100% / (var(--white-count) * 1.65));height:62%;background:#1c1c1c;border-radius:0 0 3px 3px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px}.chord-mini-piano .piano-key.white.active{background:color-mix(in srgb,var(--accent) 65%,#fff)}.chord-mini-piano .piano-key.white.root{background:color-mix(in srgb,var(--accent) 88%,#fff)}.chord-mini-piano .piano-key.white.bass{background:color-mix(in srgb,var(--accent) 55%,#fff);outline:2px solid var(--accent);outline-offset:-2px}.chord-mini-piano .piano-key.black.active{background:var(--accent)}.chord-mini-piano .piano-key.black.root{background:var(--accent);box-shadow:inset 0 -3px #fff}.chord-mini-piano .piano-key-label{font-family:var(--font-ui);font-size:.58rem;font-weight:700;letter-spacing:.02em}.chord-mini-piano .piano-key.white .piano-key-label{color:#1a1a1a}.chord-mini-piano .piano-key.black .piano-key-label{color:#fff}.chord-inversions-hint{margin-left:10px;font-family:var(--font-ui);font-size:.72rem;color:var(--muted);opacity:.72;font-style:italic;letter-spacing:.01em}.chord-reference-block--piano .chord-reference-item.is-clickable{cursor:pointer;border-radius:8px;padding:4px 6px;margin:-4px -6px;transition:background-color .18s ease,transform .18s ease;outline:none}.chord-reference-block--piano .chord-reference-item.is-dimmed,.chord-reference-block--piano .chord-reference-item.is-opened{transition:background-color .18s ease}.chord-reference-block--piano .chord-reference-item.is-clickable:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.chord-reference-block--piano .chord-reference-item.is-clickable:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent)}.chord-reference-item.is-dimmed{opacity:.32}.chord-reference-item.is-opened{background:color-mix(in srgb,var(--accent) 14%,transparent)}.chord-inversions-popover{position:fixed;z-index:90;display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px;background:var(--panel, var(--bg-content));border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:12px;box-shadow:0 18px 48px rgba(var(--shadow-rgb),.55),0 0 0 1px rgba(var(--shadow-rgb),.35);animation:chord-inv-pop-in .14s ease-out}.chord-inversions-popover.flip-up{transform:translateY(-100%)}@keyframes chord-inv-pop-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chord-inversions-popover.flip-up{animation:chord-inv-pop-in-up .14s ease-out}@keyframes chord-inv-pop-in-up{0%{opacity:0;transform:translateY(calc(-100% + 4px))}to{opacity:1;transform:translateY(-100%)}}.chord-inversions-header{display:flex;align-items:baseline;gap:8px;padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--accent) 18%,transparent)}.chord-inversions-title{font-family:var(--font-ui);font-size:1.05rem;font-weight:700;color:var(--text);letter-spacing:.02em}.chord-inversions-sub{font-family:var(--font-ui);font-size:.72rem;color:var(--muted);text-transform:lowercase;letter-spacing:.04em;flex:1}.chord-inversions-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);font-size:1.4rem;line-height:1;cursor:pointer;padding:0 4px;border-radius:4px;transition:color .15s ease,background-color .15s ease}.chord-inversions-close:hover{color:var(--text);background:rgba(var(--veil-hi-rgb),.06)}.chord-inversions-list{display:flex;gap:12px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.chord-inversion-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 10px 10px;border-radius:10px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .12s ease;font-family:var(--font-ui)}.chord-inversion-item:hover{background:rgba(var(--veil-hi-rgb),.04)}.chord-inversion-item.is-marked{background:color-mix(in srgb,var(--accent) 22%,transparent);border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}.chord-inversion-item:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent)}.chord-inversion-label{font-size:.72rem;color:var(--muted);letter-spacing:.02em;white-space:nowrap}.chord-inversion-item.is-marked .chord-inversion-label{color:var(--text);font-weight:600}.chord-mini-piano.chord-mini-piano--inversion{width:calc(var(--white-count, 8) * 18px);height:78px}.chordpro-lyric{font-family:var(--font-ui);color:var(--text);font-size:1rem;font-weight:500;line-height:1.65;letter-spacing:.005em;min-width:max-content}.chordpro-line.no-chords .chordpro-chord{display:none}.chordpro-view-toolbar{display:flex;justify-content:flex-end;padding:8px 20px 0}.chordpro-edit-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 20px 6px;border-bottom:1px solid var(--border);background:rgba(var(--data-blue-surf-8-rgb),.04)}.chordpro-edit-hint{margin-left:auto;color:var(--text-soft);font-size:.78rem;opacity:.8}.chordpro-edit-body{padding-top:12px}.chordpro-line-edit{gap:2px;padding:2px 0}.chordpro-segment-edit{position:relative}.chordpro-chord-slot{display:block;min-height:1.5em;min-width:14px;line-height:1.5;font-size:.82rem;border-radius:4px;transition:background-color .12s ease,outline-color .12s ease}.chordpro-chord-slot.is-empty{outline:1px dashed rgba(var(--accent-rgb),.18);outline-offset:1px;background:rgba(var(--accent-rgb),.03)}.chordpro-chord-slot.is-empty.is-over{outline-color:var(--accent);background:rgba(var(--accent-rgb),.18)}.chordpro-chord-drag{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;padding:1px 6px;border-radius:4px;background:rgba(var(--accent-rgb),.12);transition:transform .08s ease,box-shadow .12s ease,background-color .12s ease}.chordpro-chord-drag:hover{background:rgba(var(--accent-rgb),.22)}.chordpro-chord-drag:active{cursor:grabbing}.chordpro-chord-drag.is-dragging{opacity:.35}.chordpro-chord-drag.is-overlay{opacity:1;box-shadow:0 6px 18px rgba(var(--shadow-rgb),.38);background:rgba(var(--accent-rgb),.32);color:var(--accent-ink);font-weight:700;cursor:grabbing}.chordpro-line-delete-btn{flex-shrink:0;align-self:center;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-soft);font-size:13px;line-height:1;cursor:pointer;padding:0;border-radius:3px;opacity:0;margin-right:4px;transition:opacity .15s,color .15s,background .15s}.chordpro-line-edit:hover .chordpro-line-delete-btn,.chordpro-blank-edit:hover .chordpro-line-delete-btn{opacity:.4}.chordpro-line-delete-btn:hover{color:var(--data-red-ink-3);background:rgba(var(--data-red-surf-4-rgb),.12);opacity:1}.chordpro-blank-edit{display:flex;align-items:center}.lyrics-inline-toggle.chords-mode{border-color:rgba(var(--data-blue-surf-8-rgb),.22);background:linear-gradient(90deg,rgba(var(--data-blue-surf-8-rgb),.07),rgba(var(--data-blue-surf-8-rgb),.03));color:var(--data-blue-ink-3)}.lyrics-inline-toggle.chords-mode:hover{background:linear-gradient(90deg,rgba(var(--data-blue-surf-8-rgb),.14),rgba(var(--data-blue-surf-8-rgb),.06));border-color:rgba(var(--data-blue-surf-8-rgb),.4)}.lyrics-inline-toggle.chords-mode.is-open{background:linear-gradient(90deg,rgba(var(--data-blue-surf-8-rgb),.13),rgba(var(--data-blue-surf-8-rgb),.05));border-color:rgba(var(--data-blue-surf-8-rgb),.45);color:var(--data-blue-ink-3)}.brand-logo-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;display:block;width:100%;text-align:left;transition:filter .2s}.brand-logo-btn:hover{filter:brightness(1.15) drop-shadow(0 0 16px rgba(var(--accent-rgb),.35))}.home-screen{display:flex;flex-direction:column;gap:32px;padding:12px 4px 40px}.home-stats{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 4px 14px;border-bottom:1px solid rgba(var(--accent-rgb),.14)}.stats-inline{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 14px;font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--text-soft-rgb),.55)}.stat-inline b{font-family:Bebas Neue,Inter,sans-serif;font-weight:400;font-size:1.35rem;letter-spacing:.03em;margin-right:6px;background:linear-gradient(135deg,var(--accent-soft) 0%,var(--accent) 55%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.stats-sep{color:rgba(var(--accent-ink-rgb),.35);font-size:1rem}.right-panel-toggle.stats-hub-cta{position:static;top:auto;right:auto;padding:10px 22px 10px 16px;font-size:.95rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;gap:10px;white-space:nowrap;box-shadow:0 6px 20px rgba(var(--accent-rgb),.25),0 0 22px rgba(var(--accent-rgb),.18)}.right-panel-toggle.stats-hub-cta:hover{box-shadow:0 10px 28px rgba(var(--accent-rgb),.4),0 0 32px rgba(var(--accent-rgb),.3)}.right-panel-toggle.stats-hub-cta .right-panel-toggle-icon{width:26px;height:26px;font-size:1.1rem}.home-hero{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 16px 40px rgba(var(--shadow-rgb),.4),0 0 32px rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.22)}.home-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top right,rgba(var(--accent-rgb),.1),transparent 60%),linear-gradient(180deg,rgba(var(--veil-lo-rgb),.1),rgba(var(--veil-lo-rgb),.55));pointer-events:none}.home-hero-content{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:24px;padding:20px 28px;align-items:center}.home-hero-header{display:flex;flex-direction:column;gap:6px}.home-hero-kicker{font-family:Cinzel,serif;font-size:.7rem;font-weight:500;letter-spacing:.38em;text-transform:uppercase;color:var(--accent-ink);text-shadow:0 0 12px rgba(var(--accent-ink-rgb),.4)}.home-hero-section-header{margin-bottom:10px}.home-hero-title{font-family:Playfair Display,serif;font-size:2.2rem;font-weight:800;line-height:1;margin:0;color:var(--text);letter-spacing:-.02em}.home-hero-artist{font-family:Cormorant Garamond,serif;font-size:1.1rem;font-style:italic;color:rgba(var(--text-soft-rgb),.8);margin:0}.home-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.hero-badge{padding:6px 12px;border-radius:999px;background:rgba(var(--veil-lo-rgb),.3);border:1px solid rgba(var(--veil-hi-rgb),.15);color:rgba(var(--text-rgb),.85);font-size:.78rem;font-weight:500;letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-badge.accent{background:rgba(var(--accent-rgb),.18);border-color:rgba(var(--accent-rgb),.5);color:var(--text-warm)}.hero-badge.maurisson{background:rgba(var(--accent-rgb),.25);border-color:rgba(var(--accent-rgb),.6);color:var(--text-warm)}.home-hero-preview{display:flex;flex-direction:column;gap:8px}.home-hero-preview-label{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(var(--text-soft-rgb),.6)}.home-hero-preview-skeleton{padding:24px;border-radius:var(--r-md);background:rgba(var(--veil-lo-rgb),.3);text-align:center;color:rgba(var(--text-soft-rgb),.55);font-style:italic}.home-hero-bars{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.home-hero-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;background:rgba(var(--veil-lo-rgb),.38);border:1px solid rgba(var(--veil-hi-rgb),.1);border-radius:var(--r-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-beat{display:flex;align-items:center;justify-content:center;padding:5px 6px;border-radius:6px;background:rgba(var(--veil-hi-rgb),.04);color:var(--text-warm);font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .12s,transform .08s,box-shadow .12s;min-height:26px}.hero-beat:hover:not(.empty){background:rgba(var(--accent-rgb),.25);box-shadow:0 0 10px rgba(var(--accent-rgb),.4);transform:translateY(-1px)}.hero-beat.empty{color:rgba(var(--text-soft-rgb),.25);cursor:default}.home-hero-cta{grid-column:1 / -1;display:flex;gap:10px;margin-top:8px}.home-hero-spotify-row{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.home-hero-spotify-row .spotify-cta,.home-hero-spotify-row .youtube-cta{margin:0}.hero-btn-primary{padding:12px 24px;border-radius:var(--r-md);border:1px solid rgba(var(--accent-rgb),.55);background:linear-gradient(135deg,var(--accent) 0%,var(--accent) 100%);color:var(--text-inverse);font-family:Cinzel,serif;font-size:.95rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 16px rgba(var(--accent-rgb),.35),0 0 24px rgba(var(--accent-rgb),.2);transition:transform .1s,box-shadow .2s}.hero-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.5),0 0 32px rgba(var(--accent-rgb),.35)}.hero-btn-ghost{padding:12px 20px;border-radius:var(--r-md);border:1px solid rgba(var(--veil-hi-rgb),.2);background:rgba(var(--veil-lo-rgb),.3);color:var(--text-warm);font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s}.hero-btn-ghost:hover{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.4)}.home-section{display:flex;flex-direction:column;gap:14px}.home-section-header{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px 8px;border-bottom:1px solid rgba(var(--accent-rgb),.18)}.home-section-header h3{margin:0;font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;letter-spacing:.1em;color:var(--accent-ink)}.home-section-count{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--text-soft-rgb),.5)}.home-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.wall-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1 / 1;padding:14px;border-radius:var(--r-md);border:1px solid rgba(var(--veil-hi-rgb),.08);color:var(--text);text-align:left;cursor:pointer;overflow:hidden;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,border-color .2s}.wall-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(var(--veil-lo-rgb),0) 40%,rgba(var(--veil-lo-rgb),.6));pointer-events:none}.wall-card:hover{transform:translateY(-4px) scale(1.02);border-color:rgba(var(--accent-rgb),.5);box-shadow:0 12px 28px rgba(var(--shadow-rgb),.5),0 0 24px rgba(var(--accent-rgb),.2)}.wall-card-top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:8px}.wall-card-key{font-family:Playfair Display,serif;font-size:2rem;font-weight:800;line-height:1;color:var(--text-warm);text-shadow:0 2px 8px rgba(var(--shadow-rgb),.6)}.wall-card-capo{padding:2px 8px;background:rgba(var(--accent-rgb),.25);border:1px solid rgba(var(--accent-rgb),.5);border-radius:999px;font-size:.7rem;font-weight:600;color:var(--text-warm)}.wall-card-bottom{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px}.wall-card-bottom strong{font-family:Playfair Display,serif;font-size:1.05rem;font-weight:700;line-height:1.15;color:var(--text);text-shadow:0 1px 4px rgba(var(--shadow-rgb),.8)}.wall-card-bottom span{font-size:.78rem;color:rgba(var(--text-soft-rgb),.8);font-style:italic}.wall-card-bottom small{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(var(--text-soft-rgb),.55);margin-top:2px}.home-dual{display:grid;grid-template-columns:1fr 1.4fr;gap:20px}.midi-station{margin:16px 0 22px;padding:22px 26px 26px;border-radius:18px;background:radial-gradient(ellipse at top right,rgba(212,175,79,.08),transparent 60%),linear-gradient(145deg,#1e2a3a,#141c27);border:1px solid rgba(212,175,79,.25);box-shadow:0 8px 38px #00000073,inset 0 1px #ffffff0a}.midi-station-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;flex-wrap:wrap}.midi-station-title{display:flex;flex-direction:column;gap:2px}.midi-station-kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent, #d4af4f);opacity:.85}.midi-station-title h2{margin:0;font-family:Cinzel,serif;font-size:1.25rem;font-weight:500;color:#f2e9d4}.midi-tabs{display:flex;gap:6px}.midi-tab{background:#ffffff0a;color:#c8d0dc;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:7px 14px;font-size:.88rem;cursor:pointer;transition:all .15s}.midi-tab:hover{background:#ffffff14}.midi-tab.active{background:#d4af4f2e;color:#f2e9d4;border-color:#d4af4f73}.midi-tab-panel{display:flex;flex-direction:column;gap:12px}.midi-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.midi-btn{background:#ffffff0f;color:#e8edf5;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 16px;font-size:.9rem;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.midi-btn:hover:not(:disabled){background:#ffffff1f}.midi-btn:disabled{opacity:.5;cursor:wait}.midi-btn.primary{background:linear-gradient(135deg,#d4af4f,#b88f2f);color:#1a1a1a;border-color:#d4af4f99;font-weight:600}.midi-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#e6c060,#c99f3f)}.midi-toggle{display:inline-flex;gap:6px;align-items:center;font-size:.85rem;color:#b8c0cc;cursor:pointer}.midi-badge-ok{color:#7fd890;font-size:.88rem;font-weight:500}.midi-err{color:#e8837f;font-size:.88rem;margin:0}.midi-info,.midi-hint{color:#8a93a0;font-size:.85rem;margin:0;font-style:italic}.midi-file{color:#b8c0cc;font-size:.85rem}.midi-speed{display:inline-flex;gap:8px;align-items:center;font-size:.82rem;color:#b8c0cc}.midi-speed input[type=range]{width:110px}.midi-time{font-family:ui-monospace,monospace;font-size:.82rem;color:#b8c0cc;margin-left:auto}.midi-progress{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.midi-progress-fill{height:100%;background:linear-gradient(90deg,#d4af4f,#e6c060);transition:width .08s linear}.midi-keyboard{position:relative;height:110px;background:#0b1119;border-radius:8px;padding:8px;border:1px solid rgba(255,255,255,.06)}.midi-keyboard-blacks{position:absolute;top:8px;right:8px;bottom:8px;left:8px;pointer-events:none}.midi-key{position:relative;border-radius:0 0 4px 4px;transition:all .06s}.midi-key.white.active{background:linear-gradient(180deg,#d4af4f,#b88f2f);box-shadow:inset 0 -2px #0000004d,0 0 10px #d4af4f99}.midi-key.black{position:absolute;width:calc(100% / var(--white-count) * .6);height:60%;background:linear-gradient(180deg,#2a2a2a,#0f0f0f);border-radius:0 0 3px 3px;box-shadow:inset 0 -2px #ffffff14,0 2px 3px #00000080}.midi-key.black.active{background:linear-gradient(180deg,#7a6224,#4a3a14 55%,#1f1808);box-shadow:inset 0 1px #ffffff14,inset 0 -4px 6px #0009,0 0 10px #7a62248c}.midi-detection{display:flex;gap:14px;align-items:baseline;padding:10px 14px;background:#00000040;border-radius:8px;border:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.midi-detection-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#8a93a0}.midi-detection-name{font-family:Cinzel,serif;font-size:1.6rem;color:var(--accent, #d4af4f);min-width:80px}.midi-detection-notes{color:#b8c0cc;font-family:ui-monospace,monospace;font-size:.88rem;opacity:.85}.midi-detection-degree{padding:3px 10px;border-radius:999px;background:#d4af4f24;border:1px solid rgba(212,175,79,.35);color:#f2e9d4;font-size:.78rem;letter-spacing:.04em}.midi-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:#00000047;border:1px solid rgba(255,255,255,.05)}.midi-btn.compact{padding:6px 12px;font-size:.82rem;gap:6px}.midi-btn.is-on{background:#d4af4f2e;border-color:#d4af4f73;color:#f2e9d4}.midi-btn.ghost{background:transparent;border-color:#ffffff1a;color:#8a93a0}.midi-instrument-picker{display:inline-grid;grid-template-columns:repeat(11,auto);gap:4px;padding:4px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.midi-instr-btn{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:1px;padding:6px 12px;min-width:62px;border:1px solid transparent;background:transparent;color:#c8d0dc;border-radius:7px;cursor:pointer;transition:all .15s}.midi-instr-btn:hover{background:#ffffff0f}.midi-instr-btn.is-active{background:linear-gradient(135deg,#d4af4f42,#d4af4f14);border-color:#d4af4f80;color:#f2e9d4;box-shadow:0 0 12px #d4af4f2e}.midi-instr-icon{font-size:1.05rem;line-height:1}.midi-instr-label{font-size:.72rem;letter-spacing:.04em}.midi-inst-wrap{position:relative;display:flex;flex-direction:column;gap:4px}.midi-all-inst-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-sm, 4px);color:#ffffffbf;font-size:.75rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s;align-self:flex-start}.midi-all-inst-toggle:hover{background:#ffffff14;color:#fff}.midi-all-inst-toggle.is-open,.midi-all-inst-toggle.is-active{background:linear-gradient(135deg,#d4af4f38,#d4af4f0f);border-color:#d4af4f80;color:#f2e9d4}.midi-all-inst-toggle-icon{font-size:.9rem;opacity:.7}.midi-all-inst-toggle-arrow{font-size:.65rem;opacity:.5}.midi-all-inst-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:299}.midi-all-inst-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:300;width:min(760px,calc(100vw - 40px));background:var(--bg-deep, #0a0a14);border:1px solid rgba(212,175,79,.28);border-radius:var(--r-md, 8px);box-shadow:0 12px 48px #000000a6;overflow:hidden}.midi-all-inst-header{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;border-bottom:1px solid rgba(255,255,255,.07);font-size:.68rem;color:var(--accent, #d4af4f);text-transform:uppercase;letter-spacing:.06em}.midi-all-inst-scroll{max-height:420px;overflow-y:auto;padding:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.midi-all-inst-scroll::-webkit-scrollbar{width:5px}.midi-all-inst-scroll::-webkit-scrollbar-track{background:transparent}.midi-all-inst-scroll::-webkit-scrollbar-thumb{background:#d4af4f40;border-radius:3px}.midi-all-inst-family{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:5px 6px}.midi-all-inst-family--drums{grid-column:1 / -1;background:#d4af4f0a}.midi-all-inst-fam-name{font-size:.6rem;color:var(--accent, #d4af4f);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;padding-bottom:3px;border-bottom:1px solid rgba(212,175,79,.18)}.midi-all-inst-fam-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.midi-all-inst-btn{display:flex;flex-direction:column;align-items:flex-start;padding:3px 5px;background:transparent;border:1px solid transparent;border-radius:2px;cursor:pointer;transition:background .1s,border-color .1s;text-align:left;min-width:0}.midi-all-inst-btn:hover{background:#d4af4f1a;border-color:#d4af4f40}.midi-all-inst-btn.is-active{background:#d4af4f2e;border-color:var(--accent, #d4af4f)}.midi-all-inst-num{font-size:.52rem;color:#ffffff47;line-height:1}.midi-all-inst-name{font-size:.6rem;color:#fffc;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.midi-all-inst-btn.is-active .midi-all-inst-num{color:#d4af4f99}.midi-all-inst-btn.is-active .midi-all-inst-name{color:var(--accent, #d4af4f)}.midi-instr-spin{position:absolute;top:3px;right:3px;width:8px;height:8px;border:2px solid rgba(212,175,79,.35);border-top-color:var(--accent);border-radius:50%;animation:midi-spin .7s linear infinite}@keyframes midi-spin{to{transform:rotate(360deg)}}.midi-library{display:flex;gap:0;min-height:420px;max-height:640px;border-radius:12px;background:#00000038;border:1px solid rgba(255,255,255,.05);overflow:hidden;margin-bottom:14px}.midi-lib-side{display:flex;flex-direction:column;width:148px;flex-shrink:0;background:#00000026;border-right:1px solid rgba(255,255,255,.05);overflow-y:auto}.midi-lib-view-toggle{display:flex;gap:6px;padding:8px 10px;flex-direction:column;border-bottom:1px solid rgba(255,255,255,.05)}.midi-lib-view-btn{padding:6px 10px;font-size:12px;background:#ffffff0a;color:#aaa;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;text-align:left}.midi-lib-view-btn:hover{color:#ccc;background:#ffffff12}.midi-lib-view-btn.is-active{background:#d4af4f1f;color:#d4af4f;border-color:#d4af4f59}.midi-lib-artist-picker{padding:8px 10px}.midi-lib-artist-select{width:100%;padding:6px 8px;font-size:12px;background:#00000059;color:#ccc;border:1px solid rgba(255,255,255,.08);border-radius:8px}.midi-lib-folders{display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid rgba(255,255,255,.07);overflow-y:auto;padding:6px 4px;gap:2px;background:#00000026}.midi-lib-folder-btn{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer;text-align:left;transition:all .12s;color:#8a9aaa;font-size:.75rem;min-width:0}.midi-lib-folder-btn:hover{background:#ffffff0d;color:#ccc}.midi-lib-folder-btn.is-active{background:#d4af4f1f;border-color:#d4af4f4d;color:var(--accent)}.midi-lib-folder-icon{font-size:.9rem;flex-shrink:0}.midi-lib-folder-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.midi-lib-folder-count{font-size:.65rem;background:#ffffff14;border-radius:10px;padding:1px 5px;flex-shrink:0;color:#6a8090}.midi-lib-folder-btn.is-active .midi-lib-folder-count{background:#d4af4f2e;color:#c8a84a}.midi-lib-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.midi-lib-content-head{display:flex;align-items:center;gap:8px;padding:10px 12px 8px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.midi-lib-search{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:5px 10px;color:#ddd;font-size:.78rem;outline:none;transition:border-color .15s}.midi-lib-search:focus{border-color:#d4af4f66}.midi-lib-search::placeholder{color:#5a6a7a}.midi-lib-empty{padding:24px;text-align:center;color:#5a6a7a;font-size:.8rem}.midi-library-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.midi-library-title{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);flex-shrink:0}.midi-lib-filters{display:flex;gap:4px;flex-wrap:wrap}.midi-lib-tag-btn{padding:2px 9px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#9aa;font-size:.72rem;cursor:pointer;transition:all .12s}.midi-lib-tag-btn:hover{border-color:#d4af4f66;color:#ddd}.midi-lib-tag-btn.is-active{background:#d4af4f2e;border-color:var(--accent);color:var(--accent)}.midi-lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;padding:10px 12px;overflow-y:auto;flex:1 1 0;min-height:0;align-content:start}.midi-lib-card{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;text-align:left;cursor:pointer;transition:all .15s}.midi-lib-card:hover{background:#ffffff12;border-color:#d4af4f4d}.midi-lib-card.is-active{background:linear-gradient(135deg,#d4af4f33,#d4af4f0f);border-color:#d4af4f8c}.midi-lib-card.is-disabled{opacity:.5;cursor:wait}.midi-lib-card-title{font-size:.82rem;font-weight:600;color:#e8e0d0;line-height:1.2}.midi-lib-card-artist{font-size:.72rem;color:#8a9aaa}.midi-lib-card-tags{display:flex;gap:3px;flex-wrap:wrap;margin-top:2px}.midi-lib-badge{font-size:.62rem;padding:1px 5px;border-radius:10px;background:#ffffff12;color:#7a8a9a}.midi-lib-card.is-active .midi-lib-badge{background:#d4af4f26;color:#c8a84a}.midi-lib-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.midi-lib-suspect-hint{font-size:.72rem;color:#e4b44a}.midi-lib-edit-btn{padding:2px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#9aa;font-size:.72rem;cursor:pointer;transition:all .12s}.midi-lib-edit-btn:hover{border-color:#d4af4f80;color:#ddd}.midi-lib-edit-btn.is-active{background:#d4af4f38;border-color:var(--accent);color:var(--accent)}.midi-lib-card{position:relative;padding:0;cursor:default}.midi-lib-card-main{display:flex;flex-direction:column;gap:3px;padding:8px 10px;width:100%;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer;border-radius:8px}.midi-lib-card-main:disabled{cursor:wait}.midi-lib-card.is-suspect{border-color:#e4b44a59}.midi-lib-card.is-suspect:hover{border-color:#e4b44a99}.midi-lib-card.is-hidden-entry{opacity:.45}.midi-lib-warn{color:#e4b44a;margin-right:4px}.midi-lib-badge--warn{background:#e4b44a2e!important;color:#e4b44a!important}.midi-lib-badge--hidden{background:#b45a5a2e!important;color:#e08080!important}.midi-lib-card-hide{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#00000073;color:#e08080;font-size:.82rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .12s}.midi-lib-card-hide:hover{background:#b43c3c59;border-color:#e0808099;color:#ffb0b0}.midi-lib-card-hide.is-hidden{color:#9bd7a0}.midi-lib-card-hide.is-hidden:hover{background:#3c8c5040;border-color:#9bd7a080;color:#c8f0cd}.midi-metro{display:inline-flex;align-items:center;gap:8px;padding:4px 6px 4px 4px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.midi-metro input[type=range]{width:90px;accent-color:var(--accent)}.midi-metro-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffffff26;transition:background .1s,transform .08s}.midi-metro-dot.is-beat{background:var(--accent);transform:scale(1.6);box-shadow:0 0 10px #d4af4f99}.midi-metro-dot.sub{background:#d4af4f73}.midi-toggle{color:#b8c0cc}.midi-toggle.compact{font-size:.78rem}.midi-context{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;border-radius:10px;background:#0000002e;border:1px solid rgba(255,255,255,.04)}.midi-select{background:#1a1a22;color:#e8edf5;border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:5px 10px;font-size:.85rem;cursor:pointer}.midi-select:disabled{opacity:.45;cursor:not-allowed}.midi-context-degree{margin-left:auto;display:inline-flex;align-items:baseline;gap:8px;padding:4px 12px;border-radius:999px;background:#d4af4f14;border:1px solid rgba(212,175,79,.2)}.midi-context-degree strong{font-family:Cinzel,serif;font-size:1.1rem;color:var(--accent)}.midi-context-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:#8a93a0}.midi-context-hint{font-size:.78rem;color:#8a93a0;font-style:italic;letter-spacing:.01em}.midi-kbd-wrap{display:flex;flex-direction:column;gap:4px}.midi-kbd-strip{position:relative;height:6px;background:#ffffff0a;border-radius:3px;padding:0;border:none;cursor:crosshair;overflow:hidden;opacity:.5;transition:opacity .15s ease,height .15s ease}.midi-kbd-strip:hover{opacity:1;height:18px}.midi-kbd-strip-whites,.midi-kbd-strip-blacks{display:none}.midi-strip-key{position:relative;border-radius:0 0 2px 2px;transition:background .06s}.midi-strip-key.white{background:linear-gradient(180deg,#c8c2b0,#a8a290)}.midi-strip-key.black{position:absolute;width:calc(100% / var(--white-count) * .6);height:60%;background:linear-gradient(180deg,#2a2a2a,#0f0f0f);border-radius:0 0 2px 2px}.midi-strip-key.dim{opacity:.38}.midi-strip-key.tonic{box-shadow:inset 0 -3px 0 var(--accent)}.midi-strip-key.anticipated{background:#d4af4f61}.midi-strip-key.black.anticipated{background:#e6c06080}.midi-strip-key.active{background:linear-gradient(180deg,#e6c060,#b88f2f);box-shadow:0 0 6px #d4af4fb3}.midi-strip-key.black.active{background:linear-gradient(180deg,#7a6224,#4a3a14 55%,#1f1808)}.midi-kbd-strip-window{position:absolute;top:0;bottom:0;background:var(--accent);border-radius:2px;pointer-events:none;opacity:.75;transition:left .12s ease,width .12s ease}.midi-kbd-strip-legend{display:none}.midi-keyboard{position:relative;height:145px;width:100%;background:#0b1119;border-radius:10px;padding:10px;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 4px 12px #0006;-webkit-user-select:none;user-select:none}.midi-key.clickable{cursor:pointer}.midi-key.clickable:hover.white:not(.active){background:linear-gradient(180deg,#fffbef,#e9e2d0)}.midi-key.clickable:hover.black:not(.active){background:linear-gradient(180deg,#3a3a3a,#1a1a1a)}.midi-key.clickable:active.white{background:linear-gradient(180deg,#d4af4f,#b88f2f)!important}.midi-keyboard-whites{display:grid;grid-template-columns:repeat(var(--white-count),1fr);gap:2px;height:100%}.midi-keyboard-blacks{position:absolute;top:10px;right:10px;bottom:10px;left:10px;pointer-events:none}.midi-keyboard-blacks .midi-key.black{pointer-events:auto}.midi-key{position:relative;border-radius:0 0 5px 5px;transition:background .08s,box-shadow .08s,opacity .12s}.midi-key.white{background:linear-gradient(180deg,#f2eee2,#d9d2c0);box-shadow:inset 0 -2px #00000026;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px}.midi-key.white.active{background:linear-gradient(180deg,#d4af4f,#b88f2f);box-shadow:inset 0 -2px #0000004d,0 0 12px #d4af4fb3}.midi-key.white.dim{opacity:1}.midi-key.black{position:absolute;width:calc(100% / var(--white-count) * .6);height:62%;background:linear-gradient(180deg,#2a2a2a,#0f0f0f);border-radius:0 0 4px 4px;box-shadow:inset 0 -2px #ffffff14,0 3px 4px #00000080;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px}.midi-key.black.active{background:linear-gradient(180deg,#7a6224,#4a3a14 55%,#1f1808);box-shadow:inset 0 1px #ffffff14,inset 0 -4px 6px #0009,0 0 12px #7a622499}.midi-key.black.dim{opacity:1}.midi-key.white.in-scale{background:linear-gradient(180deg,var(--accent-soft) 0%,var(--accent) 55%,var(--accent-dim) 100%);box-shadow:inset 0 1px #ffffff47,inset 0 -4px 8px #00000038}.midi-key.black.in-scale{background:linear-gradient(180deg,#7a6224,#4a3a14 55%,#1f1808);box-shadow:inset 0 1px #ffffff14,inset 0 -4px 6px #0009}.midi-key-degree{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-family:Cinzel,serif;font-size:.78rem;color:#1a1608;letter-spacing:.02em;pointer-events:none;font-weight:600}.midi-key-degree.black{color:#f8e8b0;font-size:.68rem}.midi-key-oct{font-size:.62rem;color:#888;font-family:ui-monospace,monospace}.midi-key-badge{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-family:Cinzel,serif;font-size:.8rem;color:#1a1a1a;background:#fffc;padding:1px 6px;border-radius:4px;letter-spacing:.03em;pointer-events:none}.midi-key-badge.dark{background:var(--accent);color:#1a1a1a;bottom:6px;font-size:.72rem;padding:1px 4px}.midi-key.white.active .midi-key-oct{visibility:hidden}.midi-key-dot{position:absolute;bottom:14px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.6}.midi-zoom-ctrl{display:flex;gap:8px;align-items:center;font-size:.78rem;color:#8a93a0}.midi-zoom-hint{color:#6a7482;font-style:italic}.midi-cc-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:8px 14px;border-radius:10px;background:#0000002e;border:1px solid rgba(255,255,255,.04)}.midi-cc{display:inline-flex;align-items:center;gap:8px;min-width:100px}.midi-cc-lbl{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:#8a93a0}.midi-cc-dot{width:12px;height:12px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);transition:background .1s,box-shadow .1s}.midi-cc.is-on .midi-cc-dot{background:var(--accent);box-shadow:0 0 10px #d4af4fb3;border-color:var(--accent)}.midi-cc-bar{width:80px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.midi-cc-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#e6c060);transition:width .05s linear}.midi-cc-pitch{position:relative;width:80px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.midi-cc-pitch:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#fff3}.midi-cc-pitch-cursor{position:absolute;top:-2px;width:10px;height:10px;background:var(--accent);border-radius:50%;transform:translate(-50%);transition:left .04s linear;box-shadow:0 0 8px #d4af4f99}.midi-cc-val{font-family:ui-monospace,monospace;font-size:.82rem;color:#c8d0dc}.midi-cc-val small{color:#6a7482;margin-left:4px}.midi-subtabs{display:flex;gap:4px;padding:4px;border-radius:10px;background:#00000040;border:1px solid rgba(255,255,255,.05);margin-top:4px}.midi-subtab{flex:1;padding:8px 14px;background:transparent;color:#8a93a0;border:1px solid transparent;border-radius:7px;font-size:.85rem;cursor:pointer;transition:all .12s}.midi-subtab:hover{background:#ffffff0a;color:#c8d0dc}.midi-subtab.is-active{background:linear-gradient(135deg,#d4af4f38,#d4af4f14);color:#f2e9d4;border-color:#d4af4f66;box-shadow:inset 0 -2px #d4af4f80}.midi-subpanel{padding:14px 16px;min-height:80px;border-radius:10px;background:#0003;border:1px solid rgba(255,255,255,.04)}.midi-practice{display:flex;flex-direction:column;gap:12px}.midi-practice-modes{display:flex;gap:6px}.midi-practice-target{padding:14px 18px;border-radius:10px;background:#d4af4f0a;border:1px solid rgba(212,175,79,.2);display:flex;align-items:baseline;gap:12px}.midi-practice-lbl{color:#8a93a0}.midi-practice-lbl.muted{color:#6a7482;font-style:italic}.midi-practice-name{font-family:Cinzel,serif;font-size:1.7rem;color:var(--accent)}.midi-practice-hidden{color:#a8b0bc;font-style:italic}.midi-practice-ctrls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.midi-practice-score{margin-left:auto;font-size:.88rem;color:#b8c0cc}.midi-practice-score strong{color:var(--accent)}.midi-rec{display:flex;flex-direction:column;gap:18px}.midi-rec-section{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:10px;background:#0000002e;border:1px solid rgba(255,255,255,.04)}.midi-rec-head{display:flex;justify-content:space-between;align-items:baseline}.midi-rec-title{font-size:.88rem;font-weight:500;color:#e8edf5;letter-spacing:.02em}.midi-rec-status{font-family:ui-monospace,monospace;font-size:.82rem;color:#b8c0cc}.midi-rec-ctrls{display:flex;gap:8px;flex-wrap:wrap}.midi-rec-layers{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.midi-rec-layer{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:7px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);font-size:.84rem;color:#c8d0dc}.midi-rec-layer.is-on{background:#d4af4f14;border-color:#d4af4f40}.midi-rec-layer span:first-child{flex:1}.midi-key{display:flex;flex-direction:column;gap:10px}.midi-key-guess{display:flex;align-items:baseline;gap:14px;padding:12px 14px;border-radius:10px;background:#d4af4f0f;border:1px solid rgba(212,175,79,.2)}.midi-key-guess strong{font-family:Cinzel,serif;font-size:1.3rem;color:var(--accent)}.midi-key-guess small{color:#8a93a0}.midi-key-guess button{margin-left:auto}.midi-key-hist{list-style:none;margin:0;padding:8px 10px;display:flex;flex-wrap:wrap;gap:6px;min-height:40px;border-radius:8px;background:#0000002e}.midi-key-hist li{padding:3px 10px;border-radius:999px;background:#ffffff0d;font-family:ui-monospace,monospace;font-size:.82rem;color:#c8d0dc}.midi-key-hist li.muted{background:transparent;color:#6a7482;font-style:italic}.midi-diag{display:flex;flex-direction:column;gap:10px}.midi-diag-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border-radius:8px;background:#0003;border:1px solid rgba(255,255,255,.04)}.midi-diag-row strong{font-family:Cinzel,serif;font-size:1.05rem;color:var(--accent);min-width:50px}.midi-fall-wrap{position:relative;display:flex;flex-direction:column}.midi-fall{position:relative;height:110px;background:linear-gradient(180deg,transparent 0%,rgba(212,175,79,.04) 100%);border-radius:10px 10px 0 0;border:1px solid rgba(255,255,255,.04);border-bottom:none;overflow:hidden}.midi-viewmode-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;background:#ffffff0a;border-radius:8px;margin:6px 0 8px}.midi-sheet-opt{display:inline-flex;align-items:center;gap:5px;padding:0 10px 0 8px;color:var(--muted, #8a93a0);font-size:.82rem;cursor:pointer;-webkit-user-select:none;user-select:none}.midi-sheet-opt input{accent-color:var(--accent, #d4af4f);cursor:pointer}.midi-viewmode-tab{padding:6px 14px;background:transparent;color:var(--muted, #8a93a0);border:none;border-radius:6px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.midi-viewmode-tab:hover{color:var(--text)}.midi-viewmode-tab.active{background:linear-gradient(135deg,var(--accent) 0%,#b88f2f 100%);color:#1a1410;box-shadow:0 2px 8px #d4af4f4d}.midi-sheet-wrap{position:relative;background:#0b1119;border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;margin-top:6px}.midi-sheet-sig-fixed{position:absolute;top:0;left:0;z-index:3;background:linear-gradient(90deg,#0b1119,#0b1119 85%,#0b111900);padding-right:10px;pointer-events:none}.midi-sheet-scroll{overflow:hidden;padding-left:104px}.midi-sheet-slider{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.midi-sheet-playhead{position:absolute;top:16px;bottom:16px;width:2px;background:linear-gradient(180deg,transparent 0%,rgba(212,175,79,.85) 20%,rgba(212,175,79,.85) 80%,transparent 100%);pointer-events:none;z-index:2;box-shadow:0 0 8px #d4af4f66}.midi-sheet-chord{position:absolute;transform:translate(-50%,-50%);font-family:Georgia,serif;font-size:1.25rem;font-weight:700;color:#f0d488;background:#0b1119eb;border:1px solid rgba(240,212,136,.35);border-radius:6px;padding:2px 10px;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none;z-index:3;white-space:nowrap}.midi-sheet-trackname{position:absolute;top:6px;right:10px;max-width:60%;font-size:.74rem;color:var(--muted);z-index:4;background:#0b1119d9;padding:3px 8px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.midi-sheet-empty{padding:28px;text-align:center;color:var(--muted);font-style:italic}.midi-fall-note{position:absolute;width:.9%;min-height:4px;border-radius:3px;background:linear-gradient(180deg,#d4af4f66,#d4af4fe6);box-shadow:0 0 6px #d4af4f66;transform:translate(-50%);will-change:bottom}.midi-fall-note.black{background:linear-gradient(180deg,#a88cd259,#a88cd2d9);box-shadow:0 0 6px #a88cd266}.midi-fall-note.waiting{background:linear-gradient(180deg,#ff787880,#ff5050f2);box-shadow:0 0 10px #ff5050b3;animation:midi-fall-pulse .9s ease-in-out infinite}@keyframes midi-fall-pulse{0%,to{opacity:1}50%{opacity:.55}}.midi-fall-note-label{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:.58rem;font-weight:700;color:#1a1a1a;background:#ffffffd9;padding:1px 3px;border-radius:3px;white-space:nowrap;pointer-events:none}.midi-info-strip{display:inline-flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:.82rem;color:var(--muted, #8a93a0);padding:4px 10px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.midi-info-strip strong{color:#e8e8e8;font-weight:600}.midi-resume{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#d4af4f14;border:1px solid rgba(212,175,79,.25);border-radius:8px;font-size:.88rem;color:#e8dcff}.midi-transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.midi-progress.clickable{cursor:pointer;position:relative;min-height:14px}.midi-progress.clickable:hover{background:#ffffff14}.midi-progress-marker{position:absolute;top:-2px;width:2px;height:calc(100% + 4px);transform:translate(-1px);pointer-events:none;z-index:2}.midi-progress-marker.a{background:#7cd1a0;box-shadow:0 0 6px #7cd1a099}.midi-progress-marker.b{background:#e08a4a;box-shadow:0 0 6px #e08a4a99}.midi-progress-loopband{position:absolute;top:0;height:100%;background:#d4af4f26;border-top:1px solid rgba(212,175,79,.35);border-bottom:1px solid rgba(212,175,79,.35);pointer-events:none;z-index:1}.midi-options-row{display:flex;flex-wrap:wrap;gap:10px 16px;padding:10px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;margin:8px 0}.midi-opt-group{display:flex;align-items:center;gap:6px;padding:2px 8px 2px 0;border-right:1px solid rgba(255,255,255,.06)}.midi-opt-group:last-child{border-right:none}.midi-opt-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted, #8a93a0);font-weight:600;margin-right:2px}.midi-opt-val{min-width:28px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600;color:#e8e8e8}.midi-tracks{margin-top:10px;padding:10px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px}.midi-tracks-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted, #8a93a0);font-weight:600}.midi-tracks-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}@media (max-width: 900px){.midi-tracks-list{grid-template-columns:1fr}}.midi-track-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto minmax(40px,1fr) auto;align-items:center;gap:6px;padding:5px 7px;min-width:0;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:6px;font-size:.85rem;transition:background .15s,opacity .15s,border-color .15s}.midi-track-row.muted{opacity:.45}.midi-track-row.solo{border-color:#d4af4f59;background:#d4af4f0d}.midi-track-row.hidden .midi-track-name{color:#6a6a6a;font-style:italic}.midi-track-row.hidden{background:#ffffff03}.midi-track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e8e8e8;font-weight:500}.midi-track-meta{font-size:.72rem;color:var(--muted, #8a93a0);font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.midi-track-btn{width:26px;height:26px;border-radius:4px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e8e8e8;font-size:.75rem;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.midi-track-btn:hover{background:#ffffff1f}.midi-track-btn.mute.is-on{background:#c04848;border-color:#c04848;color:#fff}.midi-track-btn.solo.is-on{background:var(--accent, #d4af4f);border-color:var(--accent, #d4af4f);color:#1a1a1a}.midi-track-btn.eye{font-size:.95rem;line-height:1;color:#7a7a7a}.midi-track-btn.eye.is-on{color:var(--accent, #d4af4f);background:#d4af4f1f;border-color:#d4af4f59;box-shadow:inset 0 0 0 1px #d4af4f26}.midi-track-vol{width:100%;max-width:120px;accent-color:var(--accent, #d4af4f)}.midi-select.compact{padding:3px 6px;font-size:.78rem;min-width:120px}.midi-wait-hint{margin:8px 0 0;padding:8px 12px;background:#ff787814;border:1px solid rgba(255,120,120,.3);border-radius:6px;color:#ffb4b4;font-size:.88rem;text-align:center}.home-chord-day{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:9px 12px 10px;border-radius:var(--r-lg);background:linear-gradient(135deg,rgba(var(--data-blue-surf-1-rgb),.35),rgba(var(--panel-rgb),.6));border:1px solid rgba(var(--data-violet-surf-5-rgb),.2)}.chord-day-reroll{background:rgba(var(--data-violet-surf-5-rgb),.12);border:1px solid rgba(var(--data-violet-surf-5-rgb),.3);color:var(--data-blue-ink-4);border-radius:999px;width:32px;height:32px;font-size:1rem;cursor:pointer;transition:background .15s,transform .1s}.chord-day-reroll:hover{background:rgba(var(--data-violet-surf-5-rgb),.28);transform:rotate(30deg)}.chord-day-name{font-family:Playfair Display,serif;font-size:1.45rem;font-weight:800;letter-spacing:-.02em;color:var(--data-blue-ink-4);text-shadow:0 0 20px rgba(var(--data-violet-surf-5-rgb),.5);text-align:center;margin:1px 0 2px}.chord-day-name--clickable{cursor:pointer;transition:color .15s,text-shadow .15s,transform .15s}.chord-day-name--clickable:hover{color:var(--text);text-shadow:0 0 32px rgba(var(--data-violet-surf-5-rgb),.9);transform:scale(1.06)}.home-chord-day .piano.mini{height:112px;max-width:340px;margin:0 auto}.home-chord-day .piano.mini .piano-key-label{display:block;font-size:.58rem;font-weight:600;pointer-events:none}.home-chord-day .piano.mini .piano-key.black .piano-key-label{font-size:.5rem}.home-chord-day .piano.mini .piano-key.white:not(.active) .piano-key-label,.home-chord-day .piano.mini .piano-key.black:not(.active) .piano-key-label{visibility:hidden}.chord-day-notes{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.home-chord-day .chord-note-pill{padding:3px 8px;border-radius:999px;background:rgba(var(--data-violet-surf-5-rgb),.15);border:1px solid rgba(var(--data-violet-surf-5-rgb),.3);color:var(--data-blue-ink-4);font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600}.home-chord-day .chord-note-pill.is-root{background:rgba(var(--accent-rgb),.2);border-color:rgba(var(--accent-rgb),.5);color:var(--text-warm)}.home-quote{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:22px 28px;border-radius:var(--r-lg);background:linear-gradient(135deg,rgba(var(--data-blue-surf-1-rgb),.3),rgba(var(--panel-rgb),.55));border:1px solid rgba(var(--data-blue-surf-9-rgb),.18)}.home-quote blockquote{margin:0;font-family:Cormorant Garamond,Playfair Display,serif;font-size:2.2rem;font-style:italic;font-weight:500;line-height:1.3;color:var(--text-soft);text-align:center}.home-quote cite{display:block;margin-top:2px;font-family:Cinzel,serif;font-style:normal;font-size:.95rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent-ink);align-self:center;text-align:center}.home-scale{padding:14px 10px 16px;border-radius:var(--r-lg, 18px);background:linear-gradient(180deg,rgba(var(--veil-hi-rgb),.03),rgba(var(--veil-hi-rgb),.01));border:1px solid rgba(var(--accent-rgb),.18);box-shadow:0 0 24px rgba(var(--accent-rgb),.06) inset}.home-scale .scale-piano,.home-scale .scale-keyboard-card{width:100%}.home-ticker{overflow:hidden;border-top:1px solid rgba(var(--accent-rgb),.15);border-bottom:1px solid rgba(var(--accent-rgb),.15);padding:12px 0;position:relative;mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}.home-ticker-track{display:flex;gap:18px;width:max-content;animation:ticker-scroll 600s linear infinite}.home-ticker:hover .home-ticker-track{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{display:inline-flex;align-items:baseline;gap:10px;padding:6px 14px;border-radius:999px;background:rgba(var(--veil-hi-rgb),.04);border:1px solid rgba(var(--accent-rgb),.15);cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.ticker-item:hover{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.4)}.ticker-title{font-family:Playfair Display,serif;font-size:.95rem;font-weight:700;color:var(--text)}.ticker-artist{font-size:.78rem;font-style:italic;color:rgba(var(--text-soft-rgb),.65)}.ticker-key{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.15em;color:var(--accent-ink)}@media (max-width: 1100px){.home-stats{flex-direction:column;align-items:stretch;gap:12px}.stats-inline{justify-content:center}.stats-spotify-cta{align-self:center}.home-hero-content{grid-template-columns:1fr}.home-hero-title{font-size:2.2rem}.home-dual{grid-template-columns:1fr}}@media (max-width: 1280px){.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.harmo-diff-green{--harmo-tone: var(--tone-green);--harmo-tone-bg: rgba(var(--data-green-surf-6-rgb), .18);--harmo-tone-br: rgba(var(--data-green-surf-6-rgb), .45)}.harmo-diff-blue{--harmo-tone: var(--tone-blue);--harmo-tone-bg: rgba(var(--data-blue-surf-8-rgb), .18);--harmo-tone-br: rgba(var(--data-blue-surf-8-rgb), .45)}.harmo-diff-purple{--harmo-tone: var(--tone-violet);--harmo-tone-bg: rgba(var(--data-violet-surf-5-rgb), .18);--harmo-tone-br: rgba(var(--data-violet-surf-5-rgb), .45)}.harmo-diff-amber{--harmo-tone: var(--tone-amber);--harmo-tone-bg: rgba(var(--accent-rgb), .18);--harmo-tone-br: rgba(var(--accent-rgb), .45)}.harmo-diff-grey{--harmo-tone: var(--tone-grey);--harmo-tone-bg: rgba(var(--text-mid-rgb), .15);--harmo-tone-br: rgba(var(--text-mid-rgb), .35)}.badge.harmo-diff-green,.badge.harmo-diff-blue,.badge.harmo-diff-purple,.badge.harmo-diff-amber,.badge.harmo-diff-grey{background:var(--harmo-tone-bg);color:var(--harmo-tone);border-color:var(--harmo-tone-br)}.view-mode-btn.harmonica-mode.is-active{background:linear-gradient(180deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.08));border-color:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-accent)}.view-mode-btn.harmonica-mode.is-incompatible{opacity:.55;font-style:italic}.view-mode-btn.harmonica-mode.is-incompatible:hover{opacity:.85}.view-mode-btn.harmonica-mode.is-incompatible.is-active{opacity:1;font-style:normal}.harmonica-panel{margin-top:12px;padding:22px 24px 20px;background:linear-gradient(180deg,var(--panel) 0%,var(--bg-content) 100%);border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 6px 18px rgba(var(--shadow-rgb),.35)}.harmo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(var(--veil-hi-rgb),.08)}.harmo-header-main{display:flex;align-items:center;gap:14px}.harmo-glyph{font-size:38px;line-height:1;color:var(--accent-ink);text-shadow:0 2px 10px rgba(var(--accent-ink-rgb),.35)}.harmo-header h4{margin:0;font-size:1.25rem;letter-spacing:.02em;color:var(--accent-ink)}.harmo-subtitle{margin:4px 0 0;font-size:.85rem;color:var(--text-mid)}.harmo-subtitle strong{color:var(--text)}.harmo-best-label,.harmo-alternatives-label{text-transform:uppercase;font-size:.72rem;letter-spacing:.15em;color:var(--muted);margin-bottom:10px;font-weight:600}.harmo-best{margin-bottom:20px}.harmo-alternatives-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.harmo-card{position:relative;padding:14px 16px;background:rgba(var(--veil-hi-rgb),.02);border:1px solid rgba(var(--veil-hi-rgb),.08);border-radius:10px;display:flex;flex-direction:column;gap:10px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.harmo-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(var(--shadow-rgb),.4)}.harmo-card.is-featured{padding:18px 20px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.03));border-color:rgba(var(--accent-rgb),.45);box-shadow:0 4px 14px rgba(var(--accent-rgb),.15)}.harmo-card.tone-green{border-left:3px solid rgba(var(--data-green-surf-6-rgb),.8)}.harmo-card.tone-blue{border-left:3px solid rgba(var(--data-blue-surf-8-rgb),.8)}.harmo-card.tone-purple{border-left:3px solid rgba(var(--data-violet-surf-5-rgb),.8)}.harmo-card.tone-amber{border-left:3px solid rgba(var(--accent-rgb),.8)}.harmo-card.tone-grey{border-left:3px solid rgba(var(--muted-rgb),.6)}.harmo-card-top{display:flex;align-items:baseline;justify-content:space-between}.harmo-harp-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.harmo-harp-key{font-size:1.8rem;font-weight:700;color:var(--accent-ink);line-height:1}.harmo-card.is-featured .harmo-harp-key{font-size:2.4rem}.harmo-card-body{display:flex;flex-direction:column;gap:2px}.harmo-position{font-size:.95rem;font-weight:600;color:var(--text)}.harmo-mode{font-size:.8rem;color:var(--muted);font-style:italic}.harmo-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:8px;border-top:1px dashed rgba(var(--veil-hi-rgb),.06)}.harmo-difficulty{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;padding:3px 8px;border-radius:4px}.harmo-difficulty.tone-green{background:rgba(var(--data-green-surf-6-rgb),.18);color:var(--data-green-ink-5)}.harmo-difficulty.tone-blue{background:rgba(var(--data-blue-surf-8-rgb),.18);color:var(--data-blue-ink-3)}.harmo-difficulty.tone-purple{background:rgba(var(--data-violet-surf-5-rgb),.18);color:var(--data-violet-ink-1)}.harmo-difficulty.tone-amber{background:rgba(var(--accent-rgb),.18);color:var(--accent-ink)}.harmo-difficulty.tone-grey{background:rgba(var(--text-mid-rgb),.15);color:var(--text-mid)}.harmo-style{font-size:.75rem;color:var(--muted);text-align:right;flex:1;min-width:0}.harmo-empty{padding:24px;text-align:center;color:var(--text-mid)}.harmo-empty p{margin:0 0 8px}.harmo-empty .harmo-hint{margin-top:12px;font-size:.85rem;color:var(--muted);font-style:italic}.harmo-legend{margin-top:18px;padding-top:14px;border-top:1px solid rgba(var(--veil-hi-rgb),.06);display:flex;flex-wrap:wrap;gap:16px;font-size:.78rem;color:var(--muted)}.harmo-legend-item{display:inline-flex;align-items:center;gap:6px}.harmo-legend-item .dot{width:10px;height:10px;border-radius:50%;display:inline-block}.harmo-legend-item .dot.tone-green{background:rgba(var(--data-green-surf-6-rgb),.7)}.harmo-legend-item .dot.tone-blue{background:rgba(var(--data-blue-surf-8-rgb),.7)}.harmo-legend-item .dot.tone-purple{background:rgba(var(--data-violet-surf-5-rgb),.7)}.harmo-legend-item .dot.tone-amber{background:rgba(var(--accent-rgb),.8)}.harmo-legend-sep{color:var(--muted-2);padding:0 4px}.harmo-legend-item .degree-dot{width:12px;height:12px;border-radius:3px;display:inline-block}.harmo-legend-item .degree-dot.tone-gold{background:rgba(var(--accent-rgb),.85);box-shadow:0 0 6px rgba(var(--accent-rgb),.55)}.harmo-legend-item .degree-dot.tone-blue-deg{background:rgba(var(--data-blue-surf-8-rgb),.85);box-shadow:0 0 6px rgba(var(--data-blue-surf-8-rgb),.45)}.harmo-legend-item .degree-dot.tone-red{background:rgba(var(--data-red-surf-4-rgb),.85);box-shadow:0 0 6px rgba(var(--data-red-surf-4-rgb),.45)}.harmo-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:10px 12px;background:rgba(var(--veil-lo-rgb),.25);border:1px solid rgba(var(--veil-hi-rgb),.06);border-radius:10px}.harmo-selector-btn{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 14px 8px 12px;background:rgba(var(--veil-hi-rgb),.03);color:var(--text-soft);border:1px solid rgba(var(--veil-hi-rgb),.08);border-left-width:3px;border-radius:6px;cursor:pointer;font-family:inherit;transition:background .15s ease,border-color .15s ease,transform .15s ease}.harmo-selector-btn:hover{background:rgba(var(--veil-hi-rgb),.07);transform:translateY(-1px)}.harmo-selector-btn.is-active{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.55);color:var(--text);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.3)}.harmo-selector-btn.tone-green{border-left-color:rgba(var(--data-green-surf-6-rgb),.8)}.harmo-selector-btn.tone-blue{border-left-color:rgba(var(--data-blue-surf-8-rgb),.8)}.harmo-selector-btn.tone-purple{border-left-color:rgba(var(--data-violet-surf-5-rgb),.8)}.harmo-selector-btn.tone-amber{border-left-color:rgba(var(--accent-rgb),.8)}.selector-harp{font-weight:700;font-size:.9rem;color:var(--accent-ink)}.selector-pos{font-size:.72rem;color:var(--muted)}.selector-best-tag{position:absolute;top:-7px;right:-7px;font-size:.58rem;background:var(--accent);color:var(--text-inverse);padding:2px 6px;border-radius:10px;font-weight:700;letter-spacing:.05em;box-shadow:0 2px 6px rgba(var(--accent-rgb),.4)}.harmo-featured-card{margin-bottom:18px}.harp-layout{margin:18px 0 12px;padding:16px;background:rgba(var(--veil-lo-rgb),.25);border-radius:10px;border:1px solid rgba(var(--veil-hi-rgb),.06)}.harp-layout-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:12px;font-weight:600}.harp-layout-table{width:100%;border-collapse:separate;border-spacing:3px;font-variant-numeric:tabular-nums}.harp-row-label{text-align:right;padding:4px 10px 4px 0;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600;white-space:nowrap;width:1%}.harp-cell{text-align:center;padding:8px 4px;background:rgba(var(--veil-hi-rgb),.04);border:1px solid rgba(var(--veil-hi-rgb),.08);border-radius:4px;font-size:.85rem;color:var(--text-mid);min-width:38px}.harp-cell-hole{background:transparent;border-color:transparent;color:var(--muted-2);font-size:.75rem;padding:2px}.harp-row-draw .harp-cell:not(.role-I):not(.role-IV):not(.role-V){background:rgba(var(--veil-hi-rgb),.025)}.harp-cell.role-I{background:rgba(var(--accent-rgb),.22);border-color:rgba(var(--accent-rgb),.7);color:var(--accent-ink);font-weight:700;box-shadow:0 0 8px rgba(var(--accent-rgb),.35)}.harp-cell.role-IV{background:rgba(var(--data-blue-surf-8-rgb),.2);border-color:rgba(var(--data-blue-surf-8-rgb),.65);color:var(--data-blue-ink-3);font-weight:600}.harp-cell.role-V{background:rgba(var(--data-red-surf-4-rgb),.2);border-color:rgba(var(--data-red-surf-4-rgb),.65);color:var(--data-red-ink-5);font-weight:600}.harp-degrees{display:flex;flex-direction:column;gap:8px;margin-top:16px}.degree-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:rgba(var(--veil-hi-rgb),.02);border-radius:6px;border-left:3px solid;flex-wrap:wrap}.degree-row.tone-gold{border-left-color:rgba(var(--accent-rgb),.8)}.degree-row.tone-blue{border-left-color:rgba(var(--data-blue-surf-8-rgb),.8)}.degree-row.tone-red{border-left-color:rgba(var(--data-red-surf-4-rgb),.8)}.degree-symbol{font-weight:700;font-size:1.05rem;min-width:26px;text-align:center}.degree-row.tone-gold .degree-symbol{color:var(--accent-ink)}.degree-row.tone-blue .degree-symbol{color:var(--data-blue-ink-3)}.degree-row.tone-red .degree-symbol{color:var(--data-red-ink-5)}.degree-label{font-weight:600;color:var(--text);min-width:42px}.degree-holes{display:flex;flex-wrap:wrap;gap:8px;flex:1}.degree-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(var(--veil-hi-rgb),.04);border:1px solid rgba(var(--veil-hi-rgb),.07);border-radius:4px;font-size:.82rem;color:var(--text-mid)}.degree-chip-dir{font-weight:600;color:var(--text);font-size:.78rem}.degree-chip-holes{color:var(--text-mid)}.degree-chip-chord{color:var(--accent-ink);font-weight:600}.degree-chip-missing{background:rgba(var(--data-red-surf-4-rgb),.1);border-color:rgba(var(--data-red-surf-4-rgb),.3);color:var(--data-red-ink-5);font-style:italic}.harmo-header{position:relative}.harp-settings{position:relative;flex-shrink:0}.harp-settings-btn{width:34px;height:34px;border-radius:50%;background:rgba(var(--veil-hi-rgb),.05);border:1px solid rgba(var(--veil-hi-rgb),.1);color:var(--text-mid);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.harp-settings-btn:hover{background:rgba(var(--accent-rgb),.15);color:var(--accent-ink)}.harp-settings-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:20;width:260px;background:var(--panel);border:1px solid var(--border-strong);border-radius:10px;padding:14px;box-shadow:0 10px 30px rgba(var(--shadow-rgb),.5)}.harp-settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.harp-settings-title{font-weight:700;color:var(--accent-ink);font-size:.95rem}.harp-settings-reset{background:transparent;border:1px solid rgba(var(--veil-hi-rgb),.1);color:var(--text-mid);padding:3px 10px;border-radius:4px;font-size:.72rem;cursor:pointer}.harp-settings-reset:hover{border-color:var(--accent);color:var(--accent-ink)}.harp-settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.harp-check{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 4px;background:rgba(var(--veil-hi-rgb),.03);border:1px solid rgba(var(--veil-hi-rgb),.08);border-radius:5px;cursor:pointer;font-size:.8rem;color:var(--text-mid);transition:background .15s ease,border-color .15s ease,color .15s ease}.harp-check:hover{background:rgba(var(--veil-hi-rgb),.06)}.harp-check.is-checked{background:rgba(var(--accent-rgb),.18);border-color:rgba(var(--accent-rgb),.5);color:var(--accent-ink);font-weight:600}.harp-check input{position:absolute;opacity:0;pointer-events:none}.harp-settings-hint{margin:12px 0 0;font-size:.72rem;color:var(--muted);line-height:1.4}.harmo-transpose-tag{display:inline-block;margin-left:8px;padding:2px 8px;background:rgba(var(--accent-rgb),.15);color:var(--accent-ink);border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em}.harmo-teaching{margin:0 0 18px;padding:16px 18px;background:rgba(var(--accent-rgb),.04);border-left:3px solid rgba(var(--accent-rgb),.5);border-radius:0 10px 10px 0}.harmo-teaching-top{margin-bottom:8px}.harmo-teaching h5{margin:0;font-size:1rem;color:var(--accent-ink);letter-spacing:.01em}.harmo-teaching-tagline{display:block;margin-top:4px;font-size:.88rem;font-style:italic;color:var(--text-mid)}.harmo-teaching-body{margin:8px 0;font-size:.88rem;color:var(--text-mid);line-height:1.55}.harmo-teaching-technique{margin-top:10px;font-size:.85rem;color:var(--text-mid);line-height:1.55}.harmo-teaching-label{font-weight:700;color:var(--accent-ink);margin-right:4px}.harmo-teaching-requirements{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.harmo-req-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:rgba(var(--data-violet-surf-5-rgb),.15);color:var(--data-violet-ink-1);border:1px solid rgba(var(--data-violet-surf-5-rgb),.35);border-radius:999px;font-size:.72rem;font-weight:600}.harmo-req-chip.advanced{background:rgba(var(--accent-rgb),.15);color:var(--accent-ink);border-color:rgba(var(--accent-rgb),.4)}.harp-layout-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;flex-wrap:wrap;gap:10px}.harp-layout-legend{display:flex;gap:14px;font-size:.72rem;color:var(--muted)}.harp-layout-legend>span{display:inline-flex;align-items:center;gap:4px}.harp-tip{margin-top:12px;padding:8px 12px;background:rgba(var(--data-blue-surf-8-rgb),.1);border-left:3px solid rgba(var(--data-blue-surf-8-rgb),.6);border-radius:0 6px 6px 0;font-size:.82rem;color:var(--data-blue-ink-3);display:flex;align-items:center;gap:8px}.harp-tip-icon{font-size:1rem}.degree-hint{font-size:.76rem;color:var(--muted);font-style:italic;flex-basis:100%;padding-left:72px;margin-top:-2px}.harmo-tips{margin:18px 0;padding:14px 18px;background:rgba(var(--data-green-surf-6-rgb),.05);border-left:3px solid rgba(var(--data-green-surf-6-rgb),.5);border-radius:0 10px 10px 0}.harmo-tips-title{margin:0 0 8px;font-size:.9rem;color:var(--data-green-ink-5);letter-spacing:.01em}.harmo-tips ul{margin:0;padding-left:20px;font-size:.86rem;color:var(--text-mid);line-height:1.6}.harmo-tips li{margin-bottom:4px}.harmo-transpose-controls{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.harmo-transpose-cta{display:inline-flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.08));border:1px solid rgba(var(--accent-rgb),.5);border-radius:8px;color:var(--text);cursor:pointer;font-family:inherit;text-align:left;transition:transform .15s ease,box-shadow .15s ease}.harmo-transpose-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.harmo-transpose-cta-icon{font-size:1.4rem;line-height:1}.harmo-transpose-cta-body{display:flex;flex-direction:column;gap:2px;line-height:1.3}.harmo-transpose-cta-body strong{color:var(--accent-ink);font-size:.9rem}.harmo-transpose-cta-body span{font-size:.78rem;color:var(--text-mid)}.harmo-transpose-reset{padding:8px 14px;background:rgba(var(--veil-hi-rgb),.04);border:1px solid rgba(var(--veil-hi-rgb),.12);border-radius:6px;color:var(--text-mid);cursor:pointer;font-size:.82rem}.harmo-transpose-reset:hover{border-color:var(--accent);color:var(--accent-ink)}.harmo-legend-section{font-weight:600;color:var(--text-mid);font-size:.75rem;margin-right:2px}@media (max-width: 720px){.harp-cell{min-width:28px;font-size:.76rem;padding:6px 2px}.harp-row-label{font-size:.65rem;padding-right:6px}.degree-row{font-size:.85rem}.degree-hint{padding-left:0}.harp-settings-popover{right:-50px;width:240px}}.harmonica-hub{display:flex;flex-direction:column;gap:32px}.harmonica-hub .section-card{padding:26px 28px}.harmonica-hub .section-card.harmo-hub-calc,.harmonica-hub .section-card.harmo-hub-positions{position:relative;overflow:hidden}.harmonica-hub .section-card.harmo-hub-calc:before,.harmonica-hub .section-card.harmo-hub-positions:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;pointer-events:none;z-index:1}.harmonica-hub .section-card.harmo-hub-calc:before{background:linear-gradient(180deg,rgba(var(--data-blue-surf-8-rgb),.85),rgba(var(--data-blue-surf-8-rgb),.35));box-shadow:0 0 12px rgba(var(--data-blue-surf-8-rgb),.35)}.harmonica-hub .section-card.harmo-hub-positions:before{background:linear-gradient(180deg,rgba(var(--data-violet-surf-5-rgb),.85),rgba(var(--data-violet-surf-5-rgb),.35));box-shadow:0 0 12px rgba(var(--data-violet-surf-5-rgb),.35)}.harmonica-hub .section-card.harmo-hub-calc{background:linear-gradient(90deg,rgba(var(--data-blue-surf-8-rgb),.07),rgba(var(--data-blue-surf-8-rgb),0) 35%),linear-gradient(180deg,var(--panel) 0%,var(--bg-content) 100%)}.harmonica-hub .section-card.harmo-hub-positions{background:linear-gradient(90deg,rgba(var(--data-violet-surf-5-rgb),.07),rgba(var(--data-violet-surf-5-rgb),0) 35%),linear-gradient(180deg,var(--panel) 0%,var(--bg-content) 100%)}.harmonica-hub .section-card.harmo-hub-calc .harmo-hub-kicker,.harmonica-hub .section-card.harmo-hub-calc .harmo-hub-header h3{color:var(--data-blue-ink-3)}.harmonica-hub .section-card.harmo-hub-positions .harmo-hub-kicker,.harmonica-hub .section-card.harmo-hub-positions .harmo-hub-header h3{color:var(--data-violet-ink-1)}.harmo-hub-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.harmo-hub-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.harmo-hub-header h3{margin:2px 0 0;font-size:1.15rem;color:var(--accent-ink);letter-spacing:.01em}.harmo-hub-header h4{margin:0 0 4px;font-size:.92rem;color:var(--text)}.harmo-hub-kicker{display:inline-block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.harmo-hub-artist{margin:4px 0 0;color:var(--text-mid);font-size:.88rem}.harmo-hub-harp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;margin-bottom:14px}.harmo-hub-harp-chip{background:rgba(var(--veil-hi-rgb),.03);border:1px solid rgba(var(--veil-hi-rgb),.08);color:var(--text-mid);border-radius:var(--r-sm);padding:10px 8px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s ease}.harmo-hub-harp-chip:hover{border-color:rgba(var(--accent-rgb),.45);color:var(--accent-ink)}.harmo-hub-harp-chip.is-active{background:rgba(var(--accent-rgb),.18);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 2px 8px rgba(var(--accent-rgb),.2)}.harmo-hub-stat{margin:0;color:var(--text-mid);font-size:.92rem}.harmo-hub-stat strong{color:var(--accent-ink)}.harmo-hub-stat-sep{margin:0 10px;color:var(--muted-2)}.harpographe-empty,.harpographe-results-empty{margin:0;padding:12px 14px;border:1px dashed rgba(var(--accent-rgb),.35);border-radius:var(--r-sm);background:rgba(var(--accent-rgb),.05);color:var(--text-warm-2);font-size:.88rem}.harpographe-next-harps{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:14px;color:var(--text-mid);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.harpographe-next-harps>div{display:flex;flex-wrap:wrap;align-items:flex-start;gap:7px}.harpographe-next-harp-card{display:flex;flex-direction:column;border:1px solid rgba(var(--accent-rgb),.3);border-radius:var(--r-sm);background:rgba(var(--accent-rgb),.055);overflow:hidden}.harpographe-next-harp-card.is-open{flex:1 1 100%;border-color:var(--accent);background:rgba(var(--accent-rgb),.09)}.harpographe-next-harp-toggle{display:inline-flex;align-items:baseline;gap:7px;padding:7px 9px;border:0;background:transparent;color:var(--accent-ink);font:inherit;cursor:pointer;text-transform:none;letter-spacing:0}.harpographe-next-harp-toggle:hover{background:rgba(var(--accent-rgb),.12)}.harpographe-next-harp-toggle strong{font-size:.88rem}.harpographe-next-harp-toggle small{color:var(--text-mid);font-size:.72rem}.harpographe-next-harp-chevron{margin-left:2px;color:var(--text-mid);font-size:.7rem}.harpographe-next-harp-panel{display:flex;flex-direction:column;gap:8px;width:min(420px,84vw);padding:4px 10px 10px;text-transform:none;letter-spacing:0}.harpographe-near-miss-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.harpographe-near-miss-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;padding:8px 10px;border:1px solid rgba(var(--veil-hi-rgb),.08);border-radius:var(--r-sm);background:rgba(var(--veil-hi-rgb),.03);color:var(--text-soft);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}.harpographe-near-miss-list button:hover{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.08)}.harpographe-near-miss-more{margin:0;color:var(--muted);font-size:.76rem}.harpographe-next-harp-add{align-self:flex-start;padding:7px 11px;border:1px solid rgba(var(--accent-rgb),.45);border-radius:var(--r-sm);background:rgba(var(--accent-rgb),.1);color:var(--accent-ink);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.harpographe-next-harp-add:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.16)}.harpographe-results{margin-top:18px;padding-top:18px;border-top:1px solid rgba(var(--accent-rgb),.2)}.harpographe-results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.harpographe-results-head h4{margin:3px 0 0;color:var(--text-warm);font-size:1.08rem}.harpographe-results-count{flex:0 0 auto;padding:5px 9px;border:1px solid rgba(var(--accent-rgb),.35);border-radius:999px;color:var(--accent-ink);background:rgba(var(--accent-rgb),.08);font-size:.78rem;font-weight:700}.harpographe-search{position:relative;display:flex;align-items:center;margin:12px 0 0}.harpographe-search-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.harpographe-search svg{position:absolute;left:12px;width:17px;height:17px;fill:none;stroke:var(--muted);stroke-width:1.8;pointer-events:none}.harpographe-search input{width:100%;min-height:44px;padding:10px 38px;border:1px solid rgba(var(--veil-hi-rgb),.1);border-radius:var(--r-sm);outline:none;background:rgba(var(--veil-hi-rgb),.035);color:var(--text);font:inherit;font-size:.84rem;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.harpographe-search input::placeholder{color:var(--muted)}.harpographe-search input:hover{border-color:rgba(var(--accent-rgb),.35);background:rgba(var(--veil-hi-rgb),.05)}.harpographe-search input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.13)}.harpographe-search:focus-within svg{stroke:var(--accent-ink)}.harpographe-position-filters{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.harpographe-position-filters button{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(var(--veil-hi-rgb),.1);border-radius:999px;background:rgba(var(--veil-hi-rgb),.025);color:var(--text-mid);font:inherit;font-size:.76rem;cursor:pointer}.harpographe-position-filters button span{color:var(--muted);font-size:.68rem}.harpographe-position-filters button:hover,.harpographe-position-filters button.is-active{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.1);color:var(--accent-ink)}.harpographe-position-filters button.is-active span{color:var(--accent-soft-ink)}.harpographe-position-filters button.harpographe-easy-filter{margin-left:auto}.harpographe-position-filters button.harpographe-easy-filter.is-active{border-color:rgba(var(--data-green-surf-6-rgb),.55);background:rgba(var(--data-green-surf-6-rgb),.12);color:var(--data-green-ink-5)}.harpographe-song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.harpographe-song{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:10px 11px;border:1px solid rgba(var(--veil-hi-rgb),.08);border-radius:var(--r-sm);background:rgba(var(--veil-hi-rgb),.025);color:var(--text-soft);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.harpographe-song:hover{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.08);transform:translateY(-1px)}.harpographe-song-copy{display:grid;min-width:0}.harpographe-song-copy strong,.harpographe-song-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.harpographe-song-copy strong{font-size:.85rem}.harpographe-song-copy small{color:var(--muted);font-size:.74rem}.harpographe-song-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.harpographe-song-req{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;padding:2px 6px;border-radius:4px;background:rgba(var(--veil-hi-rgb),.06);color:var(--muted);white-space:nowrap}.harpographe-song-req.is-adv{background:rgba(var(--accent-rgb),.14);color:var(--accent-ink)}.harpographe-song-match{display:grid;justify-items:end;flex:0 0 auto;color:var(--accent-ink);font-size:.72rem;font-weight:700}.harpographe-song-match small{color:var(--text-mid);font-size:.66rem;font-weight:600}.harpographe-results-more{display:flex;margin:10px 0 0;color:var(--muted);font-size:.78rem;width:100%}@media (max-width: 720px){.harpographe-next-harps{grid-template-columns:1fr}.harpographe-position-filters button{flex:1 1 auto;justify-content:center}}.harmo-hub-intro{margin:0 0 18px;padding:14px 18px;background:rgba(var(--accent-rgb),.06);border-left:3px solid var(--accent);border-radius:var(--r-sm);color:var(--text-mid);font-size:.95rem;line-height:1.55}.harmo-hub-intro strong{color:var(--accent-ink);font-weight:600}.harmo-hub-intro-block{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:stretch;margin:0 0 18px}.harmo-hub-intro-block .harmo-hub-intro{margin:0}.harmo-hub-manual-btn{display:inline-flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--r-sm);border:1px solid rgba(var(--accent-rgb),.35);background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.04));color:var(--text);cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,transform .08s ease}.harmo-hub-manual-btn:hover{border-color:var(--accent);background:linear-gradient(135deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.08))}.harmo-hub-manual-btn:active{transform:translateY(1px)}.harmo-hub-manual-btn-icon{font-size:1.4rem;line-height:1}.harmo-hub-manual-btn-text{display:flex;flex-direction:column;line-height:1.25}.harmo-hub-manual-btn-text strong{color:var(--accent-ink);font-size:.95rem;font-weight:600}.harmo-hub-manual-btn-text small{color:var(--text-mid);font-size:.78rem}.harmo-hub-manual-btn-arrow{color:var(--accent-ink);font-size:1.1rem;transition:transform .15s ease}.harmo-hub-manual-btn:hover .harmo-hub-manual-btn-arrow{transform:translate(3px)}@media (max-width: 720px){.harmo-hub-intro-block{grid-template-columns:minmax(0,1fr)}}.harmo-hub-field-hint{margin:0 0 10px;color:var(--muted);font-size:.82rem}.harmo-hub-ref-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 14px;padding:10px 12px;background:rgba(var(--veil-hi-rgb),.025);border:1px solid rgba(var(--veil-hi-rgb),.06);border-radius:var(--r-sm)}.harmo-hub-ref-label{color:var(--accent-ink);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.harmo-hub-ref-picker{display:flex;flex-wrap:wrap;gap:6px}.harmo-hub-ref-chip{background:rgba(var(--veil-hi-rgb),.04);border:1px solid rgba(var(--veil-hi-rgb),.1);color:var(--text-mid);border-radius:var(--r-sm);padding:6px 14px;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease}.harmo-hub-ref-chip:hover{border-color:rgba(var(--accent-rgb),.5);color:var(--accent-ink)}.harmo-hub-ref-chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--text-inverse);box-shadow:0 2px 10px rgba(var(--accent-rgb),.3)}.harmo-hub-position-songcount{margin:8px 0 0;color:var(--muted);font-size:.8rem}.harmo-hub-position-songcount strong{color:var(--accent-ink)}.harmo-hub-tab-legend{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:14px 0;padding:10px 14px;background:rgba(var(--veil-hi-rgb),.02);border:1px dashed rgba(var(--accent-rgb),.3);border-radius:var(--r-sm);color:var(--text-mid);font-size:.82rem}.harmo-hub-tab-legend strong{color:var(--accent-ink);font-weight:600}.harmo-hub-tab-legend code{background:rgba(var(--accent-rgb),.14);color:var(--accent-ink);padding:1px 6px;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;margin-right:4px}.harmo-hub-howto{margin-top:16px;padding:14px 16px;background:rgba(var(--accent-rgb),.04);border-left:3px solid var(--accent);border-radius:var(--r-sm)}.harmo-hub-howto-title{margin:0 0 12px;color:var(--accent-ink);font-size:1rem;font-weight:600;letter-spacing:.02em}.harmo-hub-howto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.harmo-hub-howto-card{background:rgba(var(--veil-hi-rgb),.02);border:1px solid rgba(var(--veil-hi-rgb),.06);border-radius:var(--r-sm);padding:10px 12px}.harmo-hub-howto-card p{margin:6px 0 0;color:var(--text-mid);font-size:.88rem;line-height:1.55}.harmo-hub-howto-card-wide{grid-column:1 / -1}.harmo-hub-howto-card-watch{grid-column:1 / -1;background:rgba(var(--accent-rgb),.06);border-color:rgba(var(--accent-rgb),.25)}.harmo-hub-howto-examples{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.harmo-hub-howto-examples li{margin:0;padding:4px 0}.harmo-hub-howto-tab{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem;color:var(--text-warm);letter-spacing:.02em}.harmo-hub-calc-howto{margin-top:10px;padding:8px 10px;background:rgba(var(--veil-hi-rgb),.02);border-left:2px solid rgba(var(--accent-rgb),.4);border-radius:3px}.harmo-hub-calc-howto p{margin:4px 0 0;color:var(--text-mid);font-size:.82rem;line-height:1.5}.harmo-hub-calc-howto-lick{color:var(--text-warm);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.harmo-hub-song-meta{display:flex;flex-wrap:wrap;gap:8px}.harmo-hub-section-intro{margin:0 0 14px;color:var(--text-mid);font-size:.88rem;line-height:1.55}.harmo-hub-section-intro strong{color:var(--accent-ink)}.harmo-hub-section-intro em{color:var(--text-soft);font-style:normal}.harmo-hub-position-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.harmo-hub-position-card{display:flex;gap:12px;background:rgba(var(--veil-hi-rgb),.02);border:1px solid var(--harmo-tone-br, rgba(var(--veil-hi-rgb), .06));border-left:3px solid var(--harmo-tone, rgba(var(--accent-rgb), .5));border-radius:var(--r-md);padding:14px 14px 14px 12px;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.harmo-hub-position-card:hover{background:rgba(var(--veil-hi-rgb),.03)}.harmo-hub-position-card.is-button{width:100%;text-align:left;font-family:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.harmo-hub-position-card.is-button:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(var(--shadow-rgb),.25)}.harmo-hub-position-card.is-active{background:var(--harmo-tone-bg, rgba(var(--accent-rgb), .1));border-color:var(--harmo-tone, var(--accent));box-shadow:0 0 0 1px var(--harmo-tone, var(--accent)) inset,0 4px 14px rgba(var(--shadow-rgb),.3)}.harmo-hub-position-detail{margin-top:16px;padding:16px;background:rgba(var(--veil-hi-rgb),.02);border:1px solid var(--harmo-tone-br, rgba(var(--veil-hi-rgb), .08));border-left:3px solid var(--harmo-tone, var(--accent));border-radius:var(--r-md)}.harmo-hub-position-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(var(--veil-hi-rgb),.06);flex-wrap:wrap}.harmo-hub-position-detail-head h4{margin:4px 0 0;font-size:1.05rem;color:var(--text-soft)}.harmo-hub-position-detail-head h4 .harmo-hub-position-key{color:var(--accent-ink);font-weight:700}.harmo-hub-position-detail-chips{display:flex;gap:6px;flex-wrap:wrap}.harmo-hub-position-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.harmo-hub-position-detail-card{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:rgba(var(--veil-lo-rgb),.15);border-radius:var(--r-sm)}.harmo-hub-position-detail-card p{margin:0;color:var(--text-soft);font-size:.88rem;line-height:1.5}.harmo-hub-position-detail-degrees strong,.harmo-hub-position-detail-tonic strong{color:var(--accent-ink)}.harp-cell.is-tonic{background:var(--accent)!important;color:var(--text-inverse)!important;font-weight:700;box-shadow:inset 0 0 0 2px rgba(var(--accent-rgb),.55)}.harmo-hub-layout-hint{color:var(--accent-ink);font-size:.82rem;letter-spacing:.02em}.harmo-hub-legend-tonic{color:var(--accent-ink);font-weight:600}.harmo-hub-legend-tonic>span{color:var(--accent-ink)}.harmo-hub-position-num{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--harmo-tone-bg, rgba(var(--accent-rgb), .12));color:var(--harmo-tone, var(--accent-ink));border:1px solid var(--harmo-tone-br, rgba(var(--accent-rgb), .35));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.harmo-hub-position-body{flex:1;min-width:0}.harmo-hub-position-title{margin:0 0 2px;font-size:.98rem;color:var(--text-soft)}.harmo-hub-position-mode{margin:0 0 8px;color:var(--harmo-tone, var(--accent-ink));font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600}.harmo-hub-position-example{margin:0 0 8px;padding:6px 10px;background:rgba(var(--accent-rgb),.06);border-radius:var(--r-sm);color:var(--text-mid);font-size:.83rem;line-height:1.4}.harmo-hub-position-example strong{color:var(--accent-ink);font-weight:600}.harmo-hub-position-key{font-size:1rem;letter-spacing:.02em}.harmo-hub-position-oneliner{margin:0 0 8px;color:var(--muted);font-size:.8rem;line-height:1.45}.harmo-hub-position-flags{display:flex;gap:6px;flex-wrap:wrap}.harmo-hub-position-flags .chip,.harmo-hub-calc-techs .chip{font-size:.68rem;padding:2px 8px;letter-spacing:.05em;text-transform:uppercase}.chip-diff-green{background:rgba(var(--data-green-surf-3-rgb),.12);color:var(--data-green-ink-4);border-color:rgba(var(--data-green-surf-3-rgb),.3)}.chip-diff-blue{background:rgba(var(--data-blue-surf-6-rgb),.12);color:var(--data-blue-ink-3);border-color:rgba(var(--data-blue-surf-6-rgb),.3)}.chip-diff-purple{background:rgba(var(--data-violet-surf-5-rgb),.12);color:var(--data-violet-ink-1);border-color:rgba(var(--data-violet-surf-5-rgb),.3)}.chip-diff-amber{background:rgba(var(--accent-rgb),.12);color:var(--accent-ink);border-color:rgba(var(--accent-rgb),.35)}.chip-muted{color:var(--muted-2);border-color:rgba(var(--veil-hi-rgb),.08)}.harmo-hub-layout .harp-layout-table{width:100%;margin-top:10px}.harmo-hub-harp-picker{display:flex;gap:6px;flex-wrap:wrap}.harmo-hub-harp-picker .harmo-hub-harp-chip{padding:6px 12px;font-size:.85rem}.harmo-hub-layout-legend{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:.8rem;margin-bottom:4px}.harmo-hub-layout-legend code{padding:1px 5px;background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.25);border-radius:3px;color:var(--accent-ink);font-size:.78em;font-weight:600}.harmo-hub-legend-qwerty{color:var(--accent-soft-ink, var(--accent-soft-ink))}.harmo-howto-panel{display:grid;grid-template-columns:minmax(220px,1fr) minmax(380px,2fr);gap:10px;margin:14px 0;padding:10px 12px;background:linear-gradient(165deg,rgba(var(--accent-rgb),.05),rgba(var(--veil-lo-rgb),.12));border:1px solid rgba(var(--accent-rgb),.18);border-radius:10px}.harmo-howto-block{display:flex;flex-direction:column;gap:6px}.harmo-howto-block-head{display:flex;align-items:baseline;gap:6px;color:var(--accent-ink)}.harmo-howto-block-icon{font-size:.95rem;filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.22))}.harmo-howto-block-title{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.harmo-howto-block-sub{color:var(--text-dim, var(--text-mid));font-size:.68rem;font-weight:500;letter-spacing:0;text-transform:none}.harmo-howto-block-body{display:flex;flex-direction:column;gap:3px;font-size:.78rem;color:var(--text-soft, var(--text-soft));line-height:1.4}.harmo-howto-block-body strong{color:var(--text, var(--text))}.harmo-howto-arrow-up{color:var(--data-green-ink-6);font-weight:700}.harmo-howto-arrow-down{color:var(--accent-soft-ink);font-weight:700}.harmo-howto-kbd-rows{display:flex;flex-direction:column;gap:4px;padding:6px 8px;background:rgba(var(--veil-lo-rgb),.22);border:1px solid rgba(var(--veil-hi-rgb),.04);border-radius:8px}.harmo-howto-kbd-row{display:flex;align-items:center;gap:4px}.harmo-howto-kbd-arrow{width:18px;text-align:center;font-size:.9rem;flex-shrink:0}.harmo-howto-kbd-row kbd{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;min-width:22px;height:22px;padding:0 2px;border-radius:5px;border:1px solid rgba(var(--veil-hi-rgb),.16);border-bottom-width:2px;background:linear-gradient(180deg,var(--panel-4) 0%,var(--panel) 100%);color:var(--text);font-family:var(--font-mono, ui-monospace, monospace);font-size:.72rem;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 0 rgba(var(--shadow-rgb),.5);box-shadow:inset 0 1px rgba(var(--glint-rgb),.06),0 1px rgba(var(--shadow-rgb),.6)}.harmo-howto-kbd-row:first-child kbd{border-color:rgba(var(--accent-rgb),.28);background:linear-gradient(180deg,var(--panel-3) 0%,var(--bg-content) 100%);color:var(--text-warm)}.harmo-howto-kbd-row:nth-child(2) kbd{border-color:rgba(var(--accent-rgb),.3);background:linear-gradient(180deg,var(--accent-deep) 0%,var(--bg-content) 100%);color:var(--accent-soft-ink)}.harmo-howto-kbd-tail{flex-shrink:0;margin-left:4px;color:var(--text-dim, var(--text-mid));font-size:.68rem;font-weight:500;white-space:nowrap}.harmo-howto-kbd-tip{margin:5px 0 0;padding:4px 8px;background:rgba(var(--accent-rgb),.05);border-left:2px solid rgba(var(--accent-rgb),.35);border-radius:3px;color:var(--text-soft, var(--text-soft));font-size:.72rem;line-height:1.4}.harmo-howto-kbd-tip strong{color:var(--text, var(--text))}.harmo-howto-tonic{grid-column:1 / -1;padding:5px 10px;background:rgba(var(--accent-rgb),.07);border-left:2px solid var(--accent);border-radius:3px;color:var(--accent-soft-ink, var(--accent-soft-ink));font-size:.76rem}.harmo-howto-tonic strong{color:var(--accent-ink)}@container (max-width: 700px){.harmo-howto-panel{grid-template-columns:1fr}}@media (max-width: 720px){.harmo-howto-panel{grid-template-columns:1fr}.harmo-howto-kbd-row kbd{min-width:22px;height:26px;font-size:.76rem}}.harp-layout-table.is-playable .harp-cell.is-playable{cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none;transition:background .1s ease,color .1s ease,box-shadow .12s ease,transform .08s ease;position:relative}.harp-layout-table.is-playable .harp-cell.is-playable:hover{background:rgba(var(--accent-rgb),.12)}.harp-cell.is-pressed{animation:harp-cell-flash .42s ease-out}.harp-cell.is-blow.is-pressed{background:linear-gradient(180deg,var(--accent-soft) 0%,var(--accent) 60%,var(--accent-dim) 100%)!important;color:var(--text-inverse)!important;box-shadow:0 0 0 2px rgba(var(--accent-rgb),.5),0 0 16px rgba(var(--accent-rgb),.55);transform:translateY(-1px)}.harp-cell.is-draw.is-pressed{background:linear-gradient(180deg,var(--accent-soft) 0%,var(--accent) 60%,var(--accent-dim) 100%)!important;color:var(--text-inverse)!important;box-shadow:0 0 0 2px rgba(var(--accent-rgb),.55),0 0 16px rgba(var(--accent-rgb),.6);transform:translateY(-1px)}.harp-cell-hole.is-playable.is-pressed{background:rgba(var(--accent-rgb),.35)!important;color:var(--text)!important}@keyframes harp-cell-flash{0%{box-shadow:0 0 rgba(var(--accent-rgb),.85)}35%{box-shadow:0 0 0 5px rgba(var(--accent-rgb),.35),0 0 22px 4px rgba(var(--accent-rgb),.6)}to{box-shadow:0 0 0 2px rgba(var(--accent-rgb),.45),0 0 16px rgba(var(--accent-rgb),.55)}}.harmo-richter-body{position:relative;margin:22px 0 12px;padding:22px 26px 16px;background:radial-gradient(ellipse at 50% 0%,rgba(var(--accent-soft-rgb),.12) 0%,transparent 65%),linear-gradient(180deg,var(--accent-deep) 0%,var(--panel) 50%,var(--bg-content) 100%);border-radius:8px;border:1px solid rgba(var(--accent-dim-rgb),.55);box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.22),inset 0 -1px rgba(var(--shadow-rgb),.6),inset 0 0 0 1px rgba(var(--shadow-rgb),.35),0 6px 20px rgba(var(--shadow-rgb),.45)}.harmo-richter-body>.harp-layout-table{position:relative;z-index:2;margin:0}.harmo-richter-body .harp-row-label{color:rgba(var(--accent-soft-ink-rgb),.85);text-shadow:0 1px 0 rgba(var(--shadow-rgb),.5)}.harmo-richter-screw{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--accent-soft) 0%,var(--accent) 55%,var(--accent-deep) 100%);box-shadow:inset 0 -1px 1px rgba(var(--shadow-rgb),.55),0 1px 1px rgba(var(--shadow-rgb),.5);z-index:3;pointer-events:none}.harmo-richter-screw:before{content:"";position:absolute;top:50%;left:18%;right:18%;height:1px;background:rgba(var(--veil-lo-rgb),.65);transform:translateY(-50%) rotate(35deg);border-radius:1px}.harmo-richter-screw-tl{top:5px;left:6px}.harmo-richter-screw-tr{top:5px;right:6px}.harmo-richter-screw-bl{bottom:5px;left:6px}.harmo-richter-screw-br{bottom:5px;right:6px}.harmo-richter-brand{position:absolute;top:4px;left:50%;transform:translate(-50%);z-index:3;font-size:.6rem;letter-spacing:.28em;font-weight:700;color:rgba(var(--accent-soft-ink-rgb),.55);text-shadow:0 1px 0 rgba(var(--shadow-rgb),.55);white-space:nowrap;pointer-events:none}.harmo-toolbar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:22px 0;padding:12px 14px;background:rgba(var(--veil-hi-rgb),.02);border:1px solid var(--border-soft);border-radius:10px}.harmo-instrument-wrap{position:relative;display:inline-flex}.harmo-instrument-btn{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;border:1px solid var(--accent-dim);background:linear-gradient(180deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.04));color:var(--accent-ink);font-size:.88rem;cursor:pointer;transition:border-color .12s,background .12s}.harmo-instrument-btn:hover,.harmo-instrument-btn.is-open{border-color:var(--accent);background:rgba(var(--accent-rgb),.18)}.harmo-instrument-label{font-weight:700}.harmo-instrument-desc{color:var(--text-dim, var(--text-mid));font-size:.78rem}.harmo-instrument-caret{color:var(--accent-ink)}@media (max-width: 720px){.harmo-howto-panel{display:none}.harmo-richter-body{padding:14px 12px 12px;margin:14px 0 10px}.harmo-richter-body .harp-row-label{display:none}.harmo-richter-body .harp-layout-table{border-spacing:2px}.harmo-richter-body .harp-cell{min-width:0;padding:10px 1px;font-size:.82rem}.harmo-richter-body .harp-cell-hole{padding:1px;font-size:.68rem}.harmo-richter-brand{font-size:.6rem}.harmo-hub-harp-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:4px;margin-bottom:10px}.harmo-hub-harp-chip{padding:6px 4px;font-size:.85rem}.harmo-hub-ref-row{gap:6px}}.harmo-instrument-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.harmo-instrument-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:91;min-width:240px;margin:0;padding:6px;list-style:none;background:var(--panel);border:1px solid var(--accent-dim);border-radius:10px;box-shadow:0 12px 36px rgba(var(--shadow-rgb),.45)}.harmo-instrument-menu li{list-style:none}.harmo-instrument-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:0;border-radius:6px;color:var(--text);cursor:pointer;text-align:left}.harmo-instrument-item:hover{background:rgba(var(--accent-rgb),.12)}.harmo-instrument-item.is-active{background:rgba(var(--accent-rgb),.18);color:var(--accent-ink)}.harmo-instrument-item-label{display:flex;flex-direction:column;flex:1}.harmo-instrument-item-label strong{font-weight:700}.harmo-instrument-item-label em{font-style:normal;color:var(--text-dim, var(--text-mid));font-size:.78rem}.harmo-sustain-btn{padding:7px 12px;border-radius:999px;border:1px solid var(--border-soft);background:rgba(var(--veil-hi-rgb),.02);color:var(--text-dim, var(--text-mid));font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .12s,background .12s,color .12s}.harmo-sustain-btn:hover{border-color:var(--accent);color:var(--accent-soft-ink, var(--accent-soft-ink))}.harmo-sustain-btn.is-on{background:rgba(var(--accent-rgb),.18);border-color:var(--accent);color:var(--accent-soft-ink, var(--accent-soft-ink))}.harmo-hub-header h3{display:inline-flex;align-items:center;gap:10px}.harmo-help-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border-radius:50%;border:1px solid var(--accent-dim);background:rgba(var(--accent-rgb),.08);color:var(--accent-ink);font-size:.82rem;font-weight:700;font-family:var(--font-display, inherit);line-height:1;cursor:pointer;transition:background .12s,border-color .12s,transform .12s,color .12s;flex-shrink:0}.harmo-help-btn:hover{background:rgba(var(--accent-rgb),.22);border-color:var(--accent);transform:scale(1.08)}.harmo-help-btn.is-open{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.harmo-help-panel{margin:10px 0 12px;padding:14px 16px;background:linear-gradient(165deg,rgba(var(--accent-rgb),.07),rgba(var(--accent-rgb),.02));border:1px solid rgba(var(--accent-rgb),.25);border-radius:10px;color:var(--text-soft, var(--text-soft));font-size:.86rem;line-height:1.6;animation:scale-diatonic-help-in .18s ease-out}.harmo-help-panel p{margin:0 0 8px}.harmo-help-panel p:last-child{margin-bottom:0}.harmo-help-panel strong{color:var(--text, var(--text))}.harmo-help-panel em{color:var(--accent-soft-ink, var(--accent-soft-ink));font-style:italic}.harmo-help-panel code{padding:1px 6px;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.3);border-radius:3px;color:var(--accent-ink);font-family:var(--font-mono, monospace);font-size:.82em;font-weight:600;white-space:nowrap}.harmo-help-section{margin:14px 0 6px!important;color:var(--accent-ink);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.harmo-help-list{margin:0 0 10px;padding-left:22px;display:flex;flex-direction:column;gap:4px}.harmo-help-list li{line-height:1.55}.harmo-help-list li::marker{color:var(--accent-dim-ink)}.harmo-help-tip{margin-top:10px;padding:8px 12px;background:rgba(var(--data-green-surf-9-rgb),.06);border-left:3px solid rgba(var(--data-green-surf-9-rgb),.5);border-radius:4px;font-size:.85rem;color:var(--text-soft, var(--text-soft))}.harmo-hub-calc-select{background:rgba(var(--veil-hi-rgb),.04);border:1px solid rgba(var(--veil-hi-rgb),.12);color:var(--text);border-radius:var(--r-sm);padding:8px 12px;font-family:inherit;font-size:.92rem;min-width:160px}.harmo-hub-calc-select option,.harmo-hub-calc-select optgroup{background:var(--panel);color:var(--text)}.harmo-hub-calc-select optgroup{color:var(--accent-ink);font-weight:600}.harmo-hub-calc-headline{margin:0 0 10px;color:var(--text-mid);font-size:.95rem}.harmo-hub-calc-headline strong{color:var(--accent-ink)}.harmo-hub-calc-explain{margin:0 0 10px;padding:10px 14px;background:rgba(var(--accent-rgb),.05);border:1px solid rgba(var(--accent-rgb),.18);border-radius:8px;color:var(--text-soft, var(--text-soft));font-size:.86rem;line-height:1.55}.harmo-hub-calc-explain strong{color:var(--text, var(--text))}.harmo-hub-calc-miss{color:var(--accent-ink)}.harmo-hub-calc-suggest{margin:0;color:var(--text-mid);font-size:.9rem;line-height:1.5}.harmo-hub-calc-suggest strong{color:var(--accent-ink)}.harmo-hub-calc-transpose-upgrade{margin-top:14px;padding:10px 14px;border:1px dashed rgba(var(--accent-rgb),.3);border-radius:8px;background:rgba(var(--accent-rgb),.04);display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between}.harmo-hub-calc-transpose-apply{flex:0 0 auto;padding:7px 14px;border:1px solid rgba(var(--accent-rgb),.4);border-radius:999px;background:rgba(var(--accent-rgb),.12);color:var(--accent-ink);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap}.harmo-hub-calc-transpose-apply:hover{background:rgba(var(--accent-rgb),.2)}.harmo-hub-calc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.harmo-hub-calc-tabs{display:inline-flex;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:4px;gap:4px}.harmo-hub-calc-tab{padding:8px 14px;border:0;background:transparent;color:var(--muted);font-size:.85rem;font-weight:600;border-radius:7px;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.harmo-hub-calc-tab:hover{color:var(--text-soft)}.harmo-hub-calc-tab.is-active{background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:var(--text-inverse);box-shadow:0 2px 6px rgba(var(--accent-rgb),.25)}.harmo-hub-calc-controls{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:14px;padding:12px;background:rgba(var(--veil-hi-rgb),.02);border:1px solid rgba(var(--veil-hi-rgb),.05);border-radius:var(--r-sm)}.harmo-hub-calc-field{display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.harmo-hub-calc-segmented{display:inline-flex;background:rgba(var(--veil-hi-rgb),.04);border:1px solid rgba(var(--veil-hi-rgb),.1);border-radius:var(--r-sm);padding:3px;gap:2px}.harmo-hub-calc-segmented .seg-btn{padding:6px 12px;border:0;background:transparent;color:var(--muted);font-size:.82rem;font-weight:600;border-radius:6px;cursor:pointer;transition:background .15s,color .15s;text-transform:none;letter-spacing:0;font-family:inherit}.harmo-hub-calc-segmented .seg-btn:hover{color:var(--text-soft)}.harmo-hub-calc-segmented .seg-btn.is-active{background:rgba(var(--accent-rgb),.2);color:var(--accent-ink)}.harmo-hub-calc-card{background:rgba(var(--veil-hi-rgb),.02);border:1px solid var(--harmo-tone-br, rgba(var(--veil-hi-rgb), .08));border-left:3px solid var(--harmo-tone, var(--accent));border-radius:var(--r-md);padding:0;transition:background .15s,box-shadow .15s;overflow:hidden}.harmo-hub-calc-card:hover{background:rgba(var(--veil-hi-rgb),.03)}.harmo-hub-calc-card.is-active{background:rgba(var(--accent-rgb),.1);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 4px 18px rgba(var(--accent-rgb),.18)}.harmo-hub-calc-card-btn{display:block;width:100%;padding:14px 16px;background:transparent;border:0;color:inherit;text-align:left;font:inherit;cursor:pointer}.harmo-hub-calc-card-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.harmo-hub-calc-card-hint{margin:6px 0 0;color:var(--muted);font-size:.8rem;font-weight:500}.harmo-hub-calc-card.is-active .harmo-hub-calc-card-hint{color:var(--accent-ink);font-weight:600}.harmo-hub-calc-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(var(--veil-hi-rgb),.05)}.harmo-hub-calc-headline-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.harmo-hub-calc-harp-big{font-size:1.1rem;font-weight:700;color:var(--harmo-tone, var(--accent-ink));letter-spacing:.02em}.harmo-hub-calc-pos-badge{font-size:.82rem;padding:3px 10px;background:rgba(var(--veil-hi-rgb),.05);border:1px solid rgba(var(--veil-hi-rgb),.08);border-radius:999px;color:var(--text-mid);font-weight:600}.harmo-hub-calc-card-body{display:flex;flex-direction:column;gap:10px}.harmo-hub-calc-mode-line{margin:0;color:var(--muted);font-size:.82rem}.harmo-hub-calc-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.harmo-hub-calc-info-grid>div{display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:rgba(var(--veil-lo-rgb),.15);border-radius:var(--r-sm)}.harmo-hub-calc-label{font-size:.68rem;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-weight:600}.harmo-hub-calc-value{font-size:.88rem;color:var(--text-soft)}.harmo-hub-calc-value strong{color:var(--accent-ink)}.harmo-hub-calc-actions{display:flex;gap:8px;margin-top:4px}.harmo-hub-calc-empty{padding:16px;background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.2);border-radius:var(--r-sm)}.harmo-hub-calc-transpose{margin-top:10px}.harmo-hub-calc-bangers{margin:0 14px 14px;padding:12px 14px;background:rgba(var(--data-green-surf-6-rgb),.06);border-left:3px solid rgba(var(--data-green-surf-6-rgb),.5);border-radius:6px}.harmo-hub-calc-bangers-label{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--data-green-ink-6);font-size:.82rem;font-weight:600;letter-spacing:.02em}.harmo-hub-calc-bangers-row{display:flex;flex-wrap:wrap;gap:8px}.harmo-banger-chip{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 14px;border-radius:10px;border:1px solid rgba(var(--data-green-surf-6-rgb),.35);background:rgba(var(--data-green-surf-6-rgb),.08);color:var(--data-green-ink-6);cursor:pointer;transition:background .12s,border-color .12s,transform .08s;max-width:240px;text-align:left}.harmo-banger-chip:hover{background:rgba(var(--data-green-surf-6-rgb),.16);border-color:var(--data-green-surf-6);transform:translateY(-1px)}.harmo-banger-chip-title{font-size:.92rem;font-weight:700;color:var(--data-green-ink-6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.harmo-banger-chip-artist{font-size:.74rem;color:var(--data-green-ink-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.harmo-banger-chip-badge{position:absolute;top:4px;right:6px;font-size:.7rem;color:var(--accent-ink)}.harmo-banger-chip.is-verified{border-color:rgba(var(--accent-rgb),.5);background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(var(--data-green-surf-6-rgb),.08))}.harmo-banger-chip.is-verified .harmo-banger-chip-title{color:var(--text-warm)}.harmo-banger-chip.is-liveset{box-shadow:inset 3px 0 rgba(var(--data-green-surf-6-rgb),.7)}.harmo-hub-inverse-table{display:flex;flex-direction:column;gap:8px}.harmo-hub-inverse-row{display:grid;grid-template-columns:160px 1fr auto 110px;gap:16px;align-items:center;padding:12px 14px;background:rgba(var(--veil-hi-rgb),.02);border:1px solid var(--harmo-tone-br, rgba(var(--veil-hi-rgb), .08));border-left:3px solid var(--harmo-tone, var(--accent));border-radius:var(--r-md)}.harmo-hub-inverse-pos{display:flex;align-items:center;gap:10px}.harmo-hub-inverse-posname{font-size:.9rem;font-weight:600;color:var(--text-soft)}.harmo-hub-inverse-mode{font-size:.72rem;color:var(--harmo-tone, var(--accent-ink));letter-spacing:.04em;text-transform:uppercase}.harmo-hub-inverse-key{display:flex;flex-direction:column;gap:2px}.harmo-hub-inverse-key-big{font-size:1.4rem;font-weight:700;color:var(--accent-ink);letter-spacing:.02em}.harmo-hub-inverse-degrees{font-size:.78rem;color:var(--muted)}.harmo-hub-inverse-meta{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.harmo-hub-inverse-songs{display:flex;flex-direction:column;align-items:flex-end;text-align:right;padding:6px 10px;background:rgba(var(--accent-rgb),.06);border-radius:var(--r-sm);color:var(--muted);font-size:.7rem;line-height:1.2}.harmo-hub-inverse-songs strong{color:var(--accent-ink);font-size:1.1rem;font-weight:700;line-height:1}@media (max-width: 820px){.harmo-hub-inverse-row{grid-template-columns:1fr;gap:8px}.harmo-hub-inverse-meta{flex-direction:row;flex-wrap:wrap}.harmo-hub-inverse-songs{align-items:flex-start;text-align:left}}.beat:not(.empty){cursor:pointer}.beat.is-open{border-color:var(--accent);background:rgba(var(--accent-rgb),.15);color:var(--accent-soft-ink);box-shadow:var(--shadow-accent)}.chord-popover{position:fixed;z-index:1000;background:linear-gradient(180deg,var(--panel-2) 0%,var(--bg-content) 100%);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-lg),0 0 0 1px rgba(var(--accent-rgb),.06);padding:16px;animation:chord-pop-in .15s ease-out;transform-origin:top center}.chord-popover.flip-up{transform-origin:bottom center;transform:translateY(-100%)}@keyframes chord-pop-in{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.chord-popover.flip-up{animation:chord-pop-in-up .15s ease-out}@keyframes chord-pop-in-up{0%{opacity:0;transform:translateY(calc(-100% + 4px)) scale(.96)}to{opacity:1;transform:translateY(-100%) scale(1)}}.chord-popover-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;gap:12px}.chord-popover-chord{font-family:var(--font-mono);font-size:1.6rem;font-weight:700;color:var(--accent-ink);line-height:1;letter-spacing:-.01em}.chord-popover-label{margin-top:4px;font-size:.78rem;color:var(--muted);letter-spacing:.02em}.chord-popover-close{background:transparent;border:1px solid var(--border);color:var(--muted);width:26px;height:26px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;padding:0;transition:all .12s}.chord-popover-close:hover{color:var(--text);border-color:var(--border-strong);background:var(--panel-2)}.chord-popover-notes{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--border-soft)}.chord-note-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);font-family:var(--font-mono);font-size:.78rem;color:var(--text-soft)}.chord-note-pill.is-root{background:rgba(var(--accent-rgb),.15);border-color:var(--accent);color:var(--accent-soft-ink);font-weight:600}.voicing-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.voicing-tab{flex:1 1 auto;min-width:0;padding:4px 8px;border-radius:6px;background:var(--panel-2);border:1px solid var(--border);color:var(--text-soft);font-size:.72rem;font-family:var(--font-mono);letter-spacing:.01em;cursor:pointer;transition:all .12s;white-space:nowrap}.voicing-tab:hover:not(.is-disabled):not(.is-active){border-color:var(--border-strong);color:var(--text)}.voicing-tab.is-active{background:rgba(var(--accent-rgb),.18);border-color:var(--accent);color:var(--accent-soft-ink);font-weight:600}.voicing-tab.is-disabled{opacity:.35;cursor:not-allowed}.piano{position:relative;width:100%;height:130px;-webkit-user-select:none;user-select:none}.piano-whites{display:grid;grid-template-columns:repeat(var(--white-count, 7),1fr);height:100%;gap:2px}.piano-blacks{position:absolute;top:0;left:0;right:0;height:62%;pointer-events:none}.piano-key{position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;border-radius:0 0 6px 6px;transition:background .15s,box-shadow .15s}.piano-key.white{background:linear-gradient(180deg,#f5f5ef,#d6d6ce);border:1px solid #8a8a82;box-shadow:inset 0 -3px 6px #00000026;color:#2a2a2a}.piano-key.white.active{background:linear-gradient(180deg,var(--accent-soft) 0%,var(--accent) 55%,var(--accent-dim) 100%);border-color:var(--accent-dim);box-shadow:inset 0 1px #ffffff47,inset 0 -4px 8px #00000038;color:#1a1608}.piano-key.white.active.root{background:linear-gradient(180deg,var(--accent-soft) 0%,var(--accent) 55%,var(--accent-dim) 100%);box-shadow:inset 0 1px #ffffff47,inset 0 -4px 8px #00000038}.piano-key.black{position:absolute;top:0;width:calc((100% / var(--white-count, 7)) * .58);height:100%;background:linear-gradient(180deg,#2c2f38,#0f1116);border:1px solid #000;border-radius:0 0 4px 4px;box-shadow:inset 0 -4px 4px #ffffff0d,0 2px 4px #0006;color:#e0e0e0;font-size:.72rem;pointer-events:auto;padding-bottom:6px}.piano-key.black.active{background:linear-gradient(180deg,var(--accent-soft) 0%,var(--accent) 58%,var(--accent-dim) 100%);border-color:var(--accent-dim);box-shadow:inset 0 1px #ffffff4d,0 2px 6px #00000073;color:#1a1608}.piano-key.black.active.root{background:linear-gradient(180deg,#fff1c4 0%,var(--accent-soft) 45%,var(--accent) 100%);box-shadow:inset 0 1px #ffffff73,0 2px 8px #0006;color:#1a1608}.piano-key-label{display:none}.piano-key.bass:not(.active):after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px #3ecf8e99}.scale-keyboard-card{margin:18px 0 22px;padding:18px 20px 22px;background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius-lg, 14px);box-shadow:var(--shadow-card, 0 6px 18px rgba(var(--shadow-rgb), .25))}.scale-character-card{margin:0 0 14px;padding:12px 14px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.08),rgba(var(--accent-rgb),.02));border:1px solid rgba(var(--accent-rgb),.25);border-radius:10px}.scale-character-title{margin:0 0 4px;color:var(--accent-ink);font-size:.85rem;font-weight:600;letter-spacing:.02em}.scale-character-desc{margin:0;color:var(--text-dim, var(--text-mid));font-size:.8rem;line-height:1.45}.scale-suggestions{margin:0 0 14px;padding:10px 12px;background:rgba(var(--veil-hi-rgb),.02);border:1px solid var(--border-soft);border-radius:10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.scale-suggestions-lead{font-size:.95rem;line-height:1}.scale-suggestions-label{color:var(--accent-ink);text-transform:uppercase;font-size:.7rem;letter-spacing:.12em;font-weight:600}.scale-suggestions-chips{display:flex;flex-wrap:wrap;gap:6px}.scale-suggestion-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--border-soft);background:transparent;color:var(--text);font-size:.78rem;cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .1s}.scale-suggestion-chip:hover{border-color:var(--accent-dim);color:var(--accent-soft-ink);transform:translateY(-1px)}.scale-suggestion-chip.primary{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.08)}.scale-suggestion-chip.active{background:linear-gradient(135deg,var(--accent-soft),var(--accent));border-color:var(--accent);color:var(--text-inverse);font-weight:600}.scale-suggestion-chip .chip-reason{opacity:.7;font-size:.7rem;font-weight:400}.scale-suggestion-chip.active .chip-reason{opacity:.85;color:var(--text-inverse)}.scale-chord-zoom{margin:0 0 14px;padding:10px 12px;background:rgba(var(--veil-hi-rgb),.02);border:1px dashed rgba(var(--accent-rgb),.3);border-radius:10px}.scale-chord-zoom-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.scale-chord-zoom-label{color:var(--accent-ink);text-transform:uppercase;font-size:.7rem;letter-spacing:.12em;font-weight:600}.scale-chord-zoom-nav{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.scale-chord-zoom-arrow{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--border-soft);background:transparent;color:var(--text);cursor:pointer;font-size:.9rem;transition:background .15s,border-color .15s}.scale-chord-zoom-arrow:hover{background:rgba(var(--accent-rgb),.1);border-color:var(--accent-dim)}.scale-chord-zoom-clear{padding:4px 10px;border-radius:999px;border:1px solid var(--border-soft);background:transparent;color:var(--text-dim, var(--text-mid));font-size:.72rem;cursor:pointer}.scale-chord-zoom-clear:hover{color:var(--text);border-color:var(--accent-dim)}.scale-chord-zoom-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.scale-chord-chip{padding:4px 10px;border-radius:999px;border:1px solid var(--border-soft);background:transparent;color:var(--text);font-size:.78rem;cursor:pointer;font-family:var(--font-mono, monospace);transition:border-color .15s,background .15s,color .15s}.scale-chord-chip:hover{border-color:var(--accent-dim);color:var(--accent-soft-ink)}.scale-chord-chip.active{background:var(--accent);border-color:var(--accent);color:var(--text-inverse);font-weight:600}.scale-chord-advice{margin:0;color:var(--text-dim, var(--text-mid));font-size:.78rem;line-height:1.5}.scale-chord-advice strong{color:var(--accent-soft-ink);font-weight:600}.scale-play-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.55);background:linear-gradient(135deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.08));color:var(--accent-ink);font-size:.95rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .15s,border-color .15s,transform .1s,box-shadow .2s;box-shadow:0 2px 8px rgba(var(--accent-rgb),.12)}.scale-play-btn:hover{background:linear-gradient(135deg,rgba(var(--accent-rgb),.35),rgba(var(--accent-rgb),.15));border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 14px rgba(var(--accent-rgb),.28)}.scale-play-btn:active{transform:translateY(0)}.scale-play-btn.playing{background:linear-gradient(135deg,var(--data-red-surf-4),var(--data-red-surf-2));color:var(--text);border-color:var(--data-red-surf-4);animation:scalePlayPulse 1.2s ease-in-out infinite}.scale-play-btn.playing:hover{background:linear-gradient(135deg,var(--data-red-surf-4),var(--data-red-surf-2))}@keyframes scalePlayPulse{0%,to{box-shadow:0 0 rgba(var(--data-red-surf-4-rgb),.35)}50%{box-shadow:0 0 0 6px rgba(var(--data-red-surf-4-rgb),0)}}.scale-play-btn--hero{padding:8px 16px;font-size:.85rem;border-radius:10px;border-width:1px;margin-right:auto;flex:0 0 auto;align-self:flex-start}.scale-header-subtitle{flex:1 1 180px;min-width:0;align-self:center}.scale-header-subtitle p{margin:0}.scale-display-seg{display:inline-flex;border-radius:999px;border:1px solid var(--border-soft);background:var(--panel);overflow:hidden}.scale-display-seg button{padding:5px 12px;border:0;background:transparent;color:var(--muted);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s}.scale-display-seg button+button{border-left:1px solid var(--border-soft)}.scale-display-seg button:hover{color:var(--text)}.scale-display-seg button.active{background:rgba(var(--accent-rgb),.12);color:var(--accent-soft-ink)}.scale-transpose-hint{margin:12px 0 0;padding:8px 12px;background:rgba(var(--data-green-surf-6-rgb),.06);border-left:3px solid rgba(var(--data-green-surf-6-rgb),.5);border-radius:4px;color:var(--text-dim, var(--text-mid));font-size:.78rem;line-height:1.5}.scale-transpose-hint strong{color:var(--ok, var(--data-green-ink-2));font-weight:600}.scale-keyboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:14px}.scale-keyboard-header h4{margin:0 0 2px;color:var(--accent-ink);text-transform:uppercase;font-size:.78rem;letter-spacing:.12em}.scale-keyboard-scales{display:flex;flex-wrap:wrap;gap:6px;max-width:100%}.scale-chip{padding:6px 12px;border-radius:999px;border:1px solid var(--border-soft);background:transparent;color:var(--text);font-size:.8rem;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.scale-chip:hover{border-color:var(--accent-dim);color:var(--accent-soft-ink)}.scale-chip.active{background:linear-gradient(135deg,var(--accent-soft),var(--accent));border-color:var(--accent);color:var(--text-inverse);font-weight:600}.scale-piano{position:relative;width:100%;height:110px;-webkit-user-select:none;user-select:none}.scale-piano.size-full{height:130px}.scale-piano.size-compact{height:82px;max-width:620px}.scale-piano.size-compact .piano-key-label{font-size:.62rem}.scale-piano.size-compact .piano-key.black .piano-key-label{font-size:.54rem}.scale-piano.size-mini{height:54px;max-width:420px}.scale-piano.size-mini .piano-key-label{font-size:.55rem}.scale-piano.size-mini .piano-key.black .piano-key-label{font-size:.5rem}.scale-piano.compact{height:72px;max-width:540px}.scale-piano.compact .piano-key-label{font-size:.62rem}.scale-piano.compact .piano-key.black .piano-key-label{font-size:.54rem}.scale-hub-toolbar{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between;margin:0 0 16px;padding:14px 16px;background:radial-gradient(120% 100% at 0% 0%,rgba(var(--accent-rgb),.08),transparent 55%),linear-gradient(180deg,rgba(var(--veil-hi-rgb),.04),rgba(var(--veil-lo-rgb),.12));border:1px solid rgba(var(--accent-rgb),.22);border-radius:14px;box-shadow:inset 0 1px rgba(var(--glint-rgb),.04),0 4px 18px rgba(var(--shadow-rgb),.18)}.scale-hub-keypicker{display:inline-flex;flex-wrap:wrap;gap:5px;align-items:center}.scale-hub-key-chip{min-width:38px;padding:7px 10px;border-radius:9px;border:1px solid var(--border-soft);background:rgba(var(--veil-hi-rgb),.035);color:var(--text);font-size:.88rem;font-weight:600;font-family:var(--font-mono, monospace);cursor:pointer;transition:background .12s,border-color .12s,color .12s,transform .08s,box-shadow .12s}.scale-hub-key-chip:hover{border-color:var(--accent-dim, rgba(var(--accent-rgb), .45));color:var(--accent-soft-ink, var(--accent-soft-ink));background:rgba(var(--accent-rgb),.08);transform:translateY(-1px)}.scale-hub-key-chip.active{background:linear-gradient(135deg,var(--accent-bright) 0%,var(--accent) 60%,var(--accent-dim) 100%);border-color:var(--accent);color:var(--text-inverse);font-weight:800;box-shadow:0 3px 12px rgba(var(--accent-rgb),.35),inset 0 1px rgba(var(--glint-rgb),.35);transform:translateY(-1px)}.scale-hub-modeswitch{display:inline-flex;margin-left:8px;border-radius:9px;overflow:hidden;border:1px solid var(--border-soft);box-shadow:inset 0 1px rgba(var(--glint-rgb),.04)}.scale-hub-modeswitch button{padding:7px 12px;border:0;background:transparent;color:var(--text);cursor:pointer;font-weight:700;font-size:.88rem;min-width:36px;transition:background .12s,color .12s}.scale-hub-modeswitch button+button{border-left:1px solid var(--border-soft)}.scale-hub-modeswitch button:hover{background:rgba(var(--accent-rgb),.1)}.scale-hub-modeswitch button.active{background:linear-gradient(135deg,var(--accent-bright),var(--accent));color:var(--text-inverse);box-shadow:inset 0 1px rgba(var(--glint-rgb),.3)}.scale-hub-toolbar-actions{display:inline-flex;gap:7px;flex-wrap:wrap}.scale-hub-action-btn{padding:6px 12px;border-radius:999px;border:1px solid var(--border-soft);background:rgba(var(--veil-hi-rgb),.02);color:var(--text-dim, var(--text-mid));font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .12s,background .12s,color .12s,transform .08s}.scale-hub-action-btn:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.12);color:var(--accent-soft-ink, var(--accent-soft-ink));transform:translateY(-1px)}.scale-hub-action-wrap{display:inline-flex;align-items:stretch;gap:2px}.scale-hub-help-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;align-self:center;padding:0;border-radius:50%;border:1px solid var(--accent-dim);background:rgba(var(--accent-rgb),.08);color:var(--accent-ink);font-size:.78rem;font-weight:700;font-family:var(--font-display, inherit);line-height:1;cursor:pointer;transition:background .12s,border-color .12s,transform .12s,color .12s}.scale-hub-help-btn:hover{background:rgba(var(--accent-rgb),.22);border-color:var(--accent);transform:scale(1.08)}.scale-hub-help-btn.is-open{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.scale-hub-action-help{flex-basis:100%;width:100%;margin:0;padding:12px 14px;background:linear-gradient(165deg,rgba(var(--accent-rgb),.07),rgba(var(--accent-rgb),.02));border:1px solid rgba(var(--accent-rgb),.25);border-radius:8px;color:var(--text-soft, var(--text-soft));font-size:.82rem;line-height:1.55;animation:scale-diatonic-help-in .18s ease-out}.scale-hub-action-help p{margin:0 0 8px}.scale-hub-action-help p:last-child{margin-bottom:0}.scale-hub-action-help strong{color:var(--text, var(--text))}.scale-hub-action-help-section{margin:12px 0 6px!important;color:var(--accent-ink);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.scale-hub-action-help-list{margin:0 0 8px;padding-left:18px;display:flex;flex-direction:column;gap:3px}.scale-hub-action-help-list li::marker{color:var(--accent-dim-ink)}.scale-display-toggle.on,.scale-sustain-toggle.on{background:rgba(var(--accent-rgb),.18);border-color:var(--accent);color:var(--accent-soft-ink)}.scale-sustain-toggle.on{background:linear-gradient(135deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.1));border-color:var(--accent);color:var(--accent-soft-ink);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08),0 2px 10px rgba(var(--accent-rgb),.15)}.scale-hub-hero{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;flex:0 0 auto;min-width:0}.scale-keyboard-hint{flex:1 1 auto;margin:0;padding:0 12px;align-self:center;text-align:center;font-size:.82rem;font-style:italic;color:var(--accent-soft-ink, var(--accent-ink));letter-spacing:.01em;opacity:.85;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-keyboard-hint-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px rgba(var(--accent-rgb),.7);animation:scale-keyboard-hint-pulse 2.2s ease-in-out infinite;flex-shrink:0}@keyframes scale-keyboard-hint-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}@media (max-width: 720px){.scale-keyboard-hint{display:none}}.hub-instrument-wrap{position:relative;flex:0 0 auto;min-width:0}.hub-instrument-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.18),rgba(var(--accent-rgb),.06));border:1.5px solid var(--accent-dim);border-radius:12px;color:var(--text);font-size:.9rem;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,transform .12s,box-shadow .15s;box-shadow:0 2px 8px rgba(var(--accent-rgb),.08)}.hub-instrument-btn:hover{background:linear-gradient(135deg,rgba(var(--accent-rgb),.28),rgba(var(--accent-rgb),.1));border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 14px rgba(var(--accent-rgb),.18)}.hub-instrument-btn.is-open{background:linear-gradient(135deg,rgba(var(--accent-rgb),.32),rgba(var(--accent-rgb),.14));border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1),0 4px 14px rgba(var(--accent-rgb),.2)}.hub-instrument-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--accent-ink);line-height:0}.hub-instrument-label{font-weight:700;letter-spacing:.02em;color:var(--accent-ink)}.hub-instrument-desc{color:var(--text-dim, var(--text-mid));font-size:.76rem;font-style:italic;border-left:1px solid rgba(var(--accent-rgb),.25);padding-left:10px;margin-left:2px}.hub-instrument-caret{color:var(--accent-ink);font-size:.8rem;margin-left:4px;transition:transform .15s}.hub-instrument-btn.is-open .hub-instrument-caret{transform:rotate(180deg)}.hub-instrument-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--veil-lo-rgb),.3);z-index:60}.hub-instrument-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:70;min-width:260px;margin:0;padding:6px;list-style:none;background:linear-gradient(165deg,var(--panel) 0%,var(--panel) 100%);border:1.5px solid var(--accent-dim);border-radius:12px;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.06),var(--shadow-lg);animation:hub-instrument-menu-in .15s ease-out}@keyframes hub-instrument-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hub-instrument-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;background:transparent;border:none;border-radius:8px;color:var(--text);font-family:inherit;text-align:left;cursor:pointer;transition:background .1s}.hub-instrument-item:hover{background:rgba(var(--accent-rgb),.1)}.hub-instrument-item.is-active{background:rgba(var(--accent-rgb),.16)}.hub-instrument-item-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-soft, var(--text-soft));line-height:0;transition:color .12s}.hub-instrument-item:hover .hub-instrument-item-icon,.hub-instrument-item.is-active .hub-instrument-item-icon{color:var(--accent-ink)}.hub-instrument-item-label{display:flex;flex-direction:column;gap:1px;flex:1 1 auto}.hub-instrument-item-label strong{color:var(--text);font-size:.9rem;font-weight:600}.hub-instrument-item-label em{color:var(--text-dim, var(--text-mid));font-size:.74rem;font-style:italic}.hub-instrument-item.is-active .hub-instrument-item-label strong{color:var(--accent-ink)}.hub-instrument-item-check{color:var(--accent-ink);font-weight:700;font-size:1.05rem}.hub-instrument-divider-li{margin-top:4px;padding-top:4px;border-top:1px solid rgba(var(--accent-rgb),.18)}.hub-instrument-item--all .hub-instrument-item-icon{color:var(--accent-ink)}.kbd-all-inst-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--veil-lo-rgb),.55);z-index:80;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.kbd-all-inst-panel{position:fixed;z-index:90;top:50%;left:50%;transform:translate(-50%,-50%);width:min(880px,92vw);max-height:80vh;display:flex;flex-direction:column;background:linear-gradient(165deg,var(--panel) 0%,var(--bg-content) 100%);border:1.5px solid var(--accent);border-radius:14px;box-shadow:0 0 0 4px rgba(var(--accent-rgb),.08),0 30px 80px rgba(var(--shadow-rgb),.6);overflow:hidden;animation:kbd-all-inst-in .2s ease-out}@keyframes kbd-all-inst-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.kbd-all-inst-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.04));border-bottom:1px solid rgba(var(--accent-rgb),.25);color:var(--accent-ink);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem}.kbd-all-inst-close{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-soft);background:rgba(var(--veil-hi-rgb),.04);color:var(--text);cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s,border-color .12s}.kbd-all-inst-close:hover{background:rgba(var(--accent-rgb),.18);border-color:var(--accent);color:var(--accent-ink)}.kbd-all-inst-scroll{overflow-y:auto;padding:14px 18px 18px;display:flex;flex-direction:column;gap:14px}.kbd-all-inst-family{display:flex;flex-direction:column;gap:6px}.kbd-all-inst-fam-name{color:var(--accent-ink);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;padding-bottom:4px;border-bottom:1px solid rgba(var(--accent-rgb),.15)}.kbd-all-inst-fam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}.kbd-all-inst-btn{display:flex;align-items:center;gap:8px;padding:7px 10px;background:rgba(var(--veil-hi-rgb),.025);border:1px solid var(--border-soft);border-radius:7px;color:var(--text);font-family:inherit;font-size:.8rem;text-align:left;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.kbd-all-inst-btn:hover{background:rgba(var(--accent-rgb),.1);border-color:var(--accent-dim);color:var(--accent-soft-ink, var(--accent-soft-ink))}.kbd-all-inst-btn.is-active{background:linear-gradient(135deg,rgba(var(--accent-rgb),.3),rgba(var(--accent-rgb),.1));border-color:var(--accent);color:var(--accent-ink);font-weight:600}.kbd-all-inst-num{font-family:var(--font-mono, monospace);font-size:.7rem;color:var(--text-dim, var(--text-mid));min-width:26px;text-align:right}.kbd-all-inst-btn.is-active .kbd-all-inst-num{color:var(--accent-ink)}.kbd-all-inst-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kbd-sparks-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;overflow:hidden}.scale-piano-scroll{position:relative}.kbd-spark{position:absolute;width:6px;height:6px;margin-left:-3px;margin-top:-3px;border-radius:50%;background:radial-gradient(circle at center,var(--accent-pale) 0%,var(--accent) 55%,rgba(var(--accent-rgb),0) 100%);box-shadow:0 0 6px rgba(var(--accent-rgb),.7);animation:kbd-spark-fly .7s ease-out forwards;--spark-angle: -90deg;--spark-dist: 36px}@keyframes kbd-spark-fly{0%{opacity:1;transform:translate(0) scale(1)}60%{opacity:.9}to{opacity:0;transform:translate(calc(cos(var(--spark-angle)) * var(--spark-dist)),calc(sin(var(--spark-angle)) * var(--spark-dist))) scale(.3)}}.hub-scope-toggle{display:inline-flex;align-items:stretch;border:1.5px solid var(--border);border-radius:12px;background:rgba(var(--veil-hi-rgb),.025);padding:3px;gap:2px;flex:0 0 auto}.hub-scope-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:transparent;border:none;border-radius:9px;color:var(--text-soft, var(--text-soft));font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.hub-scope-btn:hover{background:rgba(var(--accent-rgb),.08);color:var(--text)}.hub-scope-btn.is-active{background:linear-gradient(135deg,rgba(var(--accent-rgb),.25),rgba(var(--accent-rgb),.1));color:var(--accent-ink)}.hub-scope-dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong, var(--data-blue-surf-1));transition:background .15s,box-shadow .15s;flex-shrink:0}.hub-scope-btn.is-active .hub-scope-dot{background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.6)}.scale-piano .piano-key.is-playable{cursor:pointer;user-select:none;-webkit-user-select:none}.scale-piano .piano-key:not(.is-playable){cursor:default}.scale-piano .piano-key.is-playable:hover{filter:brightness(1.12)}.scale-piano .piano-key.is-pressed{animation:piano-key-flash .42s ease-out}.scale-piano .piano-key.white.is-pressed{background:linear-gradient(180deg,#f4d989,#d4af4f 60%,#b08a32)!important;box-shadow:inset 0 -3px #0000002e,0 0 0 2px #d4af4f73,0 0 18px #d4af4f8c}.scale-piano .piano-key.black.is-pressed{background:linear-gradient(180deg,#5a4a1e,#8a6a28 60%,#b08a32)!important;box-shadow:inset 0 -2px #00000059,0 0 0 2px #d4af4f8c,0 0 16px #d4af4f99}@keyframes piano-key-flash{0%{box-shadow:0 0 #d4af4fd9,0 0 #d4af4fa6}35%{box-shadow:0 0 0 6px #d4af4f59,0 0 22px 4px #d4af4f99}to{box-shadow:0 0 0 2px #d4af4f73,0 0 18px #d4af4f8c}}.scale-play-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 12px;padding:8px 12px;background:rgba(var(--veil-hi-rgb),.02);border:1px dashed var(--border-soft);border-radius:8px}.scale-play-group{display:inline-flex;border-radius:8px;overflow:hidden;border:1px solid var(--border-soft)}.scale-play-group button{padding:4px 10px;border:0;background:transparent;color:var(--text);cursor:pointer;font-size:.78rem;font-family:var(--font-mono, monospace);min-width:30px;transition:background .12s,color .12s}.scale-play-group button+button{border-left:1px solid var(--border-soft)}.scale-play-group button:hover{background:rgba(var(--accent-rgb),.1)}.scale-play-group button.active{background:var(--accent);color:var(--text-inverse);font-weight:600}.scale-play-tempo{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;color:var(--text-dim, var(--text-mid))}.scale-play-tempo span{min-width:62px;font-variant-numeric:tabular-nums}.scale-play-tempo input[type=range]{width:140px;accent-color:var(--accent)}.scale-keyboard-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0 0 12px;padding:8px 12px;background:rgba(var(--veil-hi-rgb),.025);border:1px solid var(--border-soft);border-radius:10px}.kbd-octave-group{display:inline-flex;gap:8px}.kbd-octave-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:linear-gradient(135deg,rgba(var(--accent-rgb),.1),rgba(var(--accent-rgb),.02));border:1.5px solid var(--accent-dim);border-radius:50%;color:var(--accent-ink);cursor:pointer;transition:background .15s,border-color .15s,transform .12s,box-shadow .15s,color .12s;box-shadow:inset 0 1px rgba(var(--glint-rgb),.04)}.kbd-octave-btn:hover{background:linear-gradient(135deg,rgba(var(--accent-rgb),.28),rgba(var(--accent-rgb),.1));border-color:var(--accent);color:var(--accent-soft-ink);transform:translateY(-1px) scale(1.04);box-shadow:0 4px 14px rgba(var(--accent-rgb),.2),inset 0 1px rgba(var(--glint-rgb),.08)}.kbd-octave-btn:active{transform:translateY(0) scale(.98);box-shadow:inset 0 2px 4px rgba(var(--shadow-rgb),.2)}.kbd-octave-btn svg{display:block;filter:drop-shadow(0 0 6px rgba(var(--accent-rgb),.35));transition:transform .12s}.kbd-octave-btn:hover svg{filter:drop-shadow(0 0 10px rgba(var(--accent-rgb),.55))}.kbd-knob{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-dim, var(--text-mid));flex:0 0 auto}.kbd-knob-label{color:var(--accent-ink);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:600;min-width:50px}.kbd-knob input[type=range]{width:80px;flex:0 0 80px;accent-color:var(--accent)}.kbd-knob-value{font-variant-numeric:tabular-nums;min-width:24px;text-align:right;color:var(--text);font-weight:600;font-size:.76rem}.scale-piano-scroll{overflow:hidden;--kbd-min-white: 36px}.scale-piano-scroll>.scale-piano.is-scrollable{min-width:calc(var(--white-count) * var(--kbd-min-white));transition:transform .25s ease-out;will-change:transform}.scale-diatonic{margin:12px 0 0;padding:10px 12px;background:rgba(var(--veil-hi-rgb),.02);border:1px solid var(--border-soft);border-radius:10px}.scale-diatonic-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.scale-diatonic-label{display:inline-flex;align-items:center;gap:8px;color:var(--accent-ink);text-transform:uppercase;letter-spacing:.14em;font-size:.92rem;font-weight:700;font-family:var(--font-display, inherit);text-shadow:0 0 18px rgba(var(--accent-ink-rgb),.18)}.scale-diatonic-help-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border-radius:50%;border:1px solid var(--accent-dim);background:rgba(var(--accent-rgb),.08);color:var(--accent-ink);font-size:.78rem;font-weight:700;font-family:var(--font-display, inherit);line-height:1;cursor:pointer;transition:background .12s,border-color .12s,transform .12s,color .12s}.scale-diatonic-help-btn:hover{background:rgba(var(--accent-rgb),.22);border-color:var(--accent);transform:scale(1.08)}.scale-diatonic-help-btn.is-open{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.scale-diatonic-help{margin:0 0 10px;padding:12px 14px;background:linear-gradient(165deg,rgba(var(--accent-rgb),.07),rgba(var(--accent-rgb),.02));border:1px solid rgba(var(--accent-rgb),.25);border-radius:8px;color:var(--text-soft, var(--text-soft));font-size:.82rem;line-height:1.55;animation:scale-diatonic-help-in .18s ease-out}@keyframes scale-diatonic-help-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.scale-diatonic-help p{margin:0 0 8px}.scale-diatonic-help p:last-child{margin-bottom:0}.scale-diatonic-help strong{color:var(--text, var(--text))}.scale-diatonic-help-section-title{margin:12px 0 6px!important;color:var(--accent-ink);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.scale-diatonic-help-list{margin:0 0 8px;padding-left:18px;display:flex;flex-direction:column;gap:3px}.scale-diatonic-help-list li::marker{color:var(--accent-dim-ink)}.scale-diatonic-help-prog{display:inline-block;padding:1px 8px;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.3);border-radius:4px;color:var(--accent-ink);font-family:var(--font-mono, monospace);font-size:.82rem;font-weight:600;white-space:nowrap}.scale-diatonic-help-legend{display:flex;flex-direction:column;gap:6px}.scale-diatonic-help-legend span{display:inline-flex;align-items:baseline;gap:8px}.fn-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0;font-style:normal;transform:translateY(1px)}.fn-tonic-dot{background:var(--data-green-surf-9);box-shadow:0 0 8px rgba(var(--data-green-surf-9-rgb),.5)}.fn-subdominant-dot{background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.5)}.fn-dominant-dot{background:var(--data-red-surf-7);box-shadow:0 0 8px rgba(var(--data-red-surf-7-rgb),.5)}.scale-diatonic-hint{color:var(--text-dim, var(--text-mid));font-size:.7rem}.scale-diatonic-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:8px}.scale-diatonic-chip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 8px 9px;border-radius:10px;border:1px solid var(--border-soft);background:linear-gradient(180deg,rgba(var(--veil-hi-rgb),.04),rgba(var(--veil-hi-rgb),.015));color:var(--text);cursor:pointer;overflow:hidden;transition:border-color .14s,background .14s,transform .1s,box-shadow .14s}.scale-diatonic-chip:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:currentColor;opacity:.55}.scale-diatonic-chip:hover{border-color:var(--accent-dim);background:linear-gradient(180deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.04));transform:translateY(-2px);box-shadow:0 4px 14px rgba(var(--shadow-rgb),.25)}.scale-diatonic-chip:hover:before{opacity:1}.scale-diatonic-chip.active{border-color:var(--accent);background:linear-gradient(135deg,rgba(var(--accent-rgb),.3),rgba(var(--accent-rgb),.12));box-shadow:0 2px 12px rgba(var(--accent-rgb),.28)}.scale-diatonic-chip.active:before{opacity:1;height:3px}.scale-diatonic-chip .sd-degree{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;letter-spacing:.04em;font-family:var(--font-display, inherit)}.scale-diatonic-chip .sd-degree .fn-dot{width:6px;height:6px;transform:none}.scale-diatonic-chip .sd-chord{font-size:1rem;font-weight:700;font-family:var(--font-mono, monospace);color:var(--text, var(--text))}.scale-diatonic-chip.fn-tonic{color:var(--data-green-ink-5)}.scale-diatonic-chip.fn-subdominant{color:var(--accent-ink)}.scale-diatonic-chip.fn-dominant{color:var(--data-red-ink-5)}.scale-diatonic-chip.fn-tonic .sd-degree,.scale-diatonic-chip.fn-subdominant .sd-degree,.scale-diatonic-chip.fn-dominant .sd-degree{color:inherit}.scale-diatonic-row.display-degrees .scale-diatonic-chip .sd-degree,.scale-diatonic-row.display-intervals .scale-diatonic-chip .sd-degree{font-size:1.1rem;font-weight:800;letter-spacing:.02em;gap:6px}.scale-diatonic-row.display-degrees .scale-diatonic-chip .sd-degree .fn-dot,.scale-diatonic-row.display-intervals .scale-diatonic-chip .sd-degree .fn-dot{width:7px;height:7px}.scale-diatonic-row.display-degrees .scale-diatonic-chip .sd-chord,.scale-diatonic-row.display-intervals .scale-diatonic-chip .sd-chord{font-size:.78rem;font-weight:600;color:var(--text-dim, var(--text-mid))}.scale-song-matches{margin:12px 0 0;padding:8px 12px;background:rgba(var(--data-green-surf-6-rgb),.05);border-left:3px solid rgba(var(--data-green-surf-6-rgb),.45);border-radius:4px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.scale-song-matches-label{color:var(--text-dim, var(--text-mid));font-size:.78rem}.scale-song-matches-row{display:inline-flex;flex-wrap:wrap;gap:5px}.scale-song-match-chip{padding:3px 9px;border-radius:999px;border:1px solid rgba(var(--data-green-surf-6-rgb),.3);background:transparent;color:var(--data-green-ink-6);font-size:.74rem;cursor:pointer;transition:background .12s,border-color .12s;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scale-song-match-chip:hover{background:rgba(var(--data-green-surf-6-rgb),.12);border-color:var(--data-green-surf-6);color:var(--data-green-ink-6)}.scale-song-matches-more{color:var(--text-dim, var(--text-mid));font-size:.72rem;opacity:.7}@container (max-width: 620px){.scale-hub-toolbar{flex-direction:column;align-items:stretch}.scale-hub-toolbar-actions{justify-content:flex-start}.scale-play-controls{gap:8px 12px}.scale-play-tempo input[type=range]{width:110px}}.scale-header-toggles{display:inline-flex;gap:6px;flex-wrap:wrap}.scale-compact-toggle{padding:5px 10px;border-radius:999px;border:1px solid var(--border-soft);background:var(--panel);color:var(--muted);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s}.scale-compact-toggle:hover{color:var(--text);border-color:var(--border)}.scale-compact-toggle.on{border-color:var(--accent-dim);color:var(--accent-soft-ink);background:rgba(var(--accent-rgb),.08)}.scale-piano .piano-whites{display:grid;grid-template-columns:repeat(var(--white-count, 21),1fr);height:100%;gap:2px}.scale-piano .piano-blacks{position:absolute;top:0;left:0;right:0;height:62%;pointer-events:none}.scale-piano .piano-key-label{display:block;font-size:.72rem;font-weight:600;letter-spacing:.02em}.scale-piano .piano-key.white .piano-key-label{color:#1a1608}.scale-piano .piano-key.black .piano-key-label{color:#fff;font-size:.62rem}.scale-piano .piano-key.white:not(.active) .piano-key-label,.scale-piano .piano-key.black:not(.active) .piano-key-label{visibility:hidden}.scale-root-controls{display:inline-flex;align-items:center;gap:4px;padding:5px 10px 5px 8px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel)}.scale-root-label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);padding-right:8px;margin-right:2px;border-right:1px solid var(--border-soft);white-space:nowrap;-webkit-user-select:none;user-select:none}.scale-root-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border-soft);background:var(--panel-2);color:var(--text-soft);font-size:.85rem;font-weight:700;font-family:var(--font-mono);border-radius:var(--r-sm);cursor:pointer;transition:background .12s,border-color .12s,color .12s;line-height:1;flex-shrink:0}.scale-root-btn:hover:not(:disabled){background:var(--panel-3);border-color:var(--accent-dim);color:var(--accent-soft-ink)}.scale-root-btn:active:not(:disabled){background:rgba(var(--accent-rgb),.14);border-color:var(--accent)}.scale-root-btn:disabled{opacity:.35;cursor:not-allowed}.scale-root-value{min-width:38px;text-align:center;padding:4px 7px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--r-sm);font-weight:700;font-size:.9rem;font-family:var(--font-mono);color:var(--accent-ink);pointer-events:none;-webkit-user-select:none;user-select:none}.scale-mode-switch{display:inline-flex;margin-left:2px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--r-sm);padding:2px;gap:2px}.scale-mode-switch button{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;background:transparent;color:var(--muted);font-size:.78rem;font-weight:800;border-radius:6px;cursor:pointer;transition:background .12s,color .12s}.scale-mode-switch button:hover:not(:disabled){color:var(--text);background:rgba(var(--veil-hi-rgb),.06)}.scale-mode-switch button.active{background:var(--accent);color:var(--text-inverse)}.scale-mode-switch button:disabled{opacity:.35;cursor:not-allowed}.scale-root-reset{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-soft);background:transparent;color:var(--muted-2);font-size:.9rem;border-radius:var(--r-sm);cursor:pointer;transition:all .12s;margin-left:2px;flex-shrink:0}.scale-root-reset:hover{color:var(--text-soft);border-color:var(--border);background:var(--panel-2)}.transpose-group{display:inline-flex;align-items:stretch;border:1.5px solid var(--accent-dim);border-radius:var(--r-md);background:rgba(var(--accent-rgb),.04);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.07),var(--shadow-sm);overflow:hidden}.transpose-group .scale-root-controls{border:0;border-radius:0;background:transparent;padding:8px 12px}.transpose-group .scale-root-controls+.scale-root-controls{border-left:1.5px solid var(--accent-dim)}.instrument-switch{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:18px;background:var(--panel-2);border:1px solid var(--border);border-radius:14px;padding:6px;gap:6px}.instrument-switch button{width:100%;padding:12px 10px;border:1px solid var(--border);background:var(--panel);color:var(--text, var(--text-soft));font-size:.92rem;font-weight:600;border-radius:10px;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;letter-spacing:.01em;text-align:center;min-height:44px}.instrument-switch button:hover{border-color:var(--accent-dim);color:var(--accent-ink)}.instrument-switch button.active{background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:var(--text-inverse);border-color:var(--accent);box-shadow:0 2px 8px rgba(var(--accent-rgb),.3)}.topbar-instrument-stack{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.instrument-switch--wind{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:6px}.instrument-switch--wind button{background:linear-gradient(180deg,var(--panel) 0%,var(--bg-content) 100%)}.instrument-switch--wind button:hover{border-color:var(--accent);color:var(--accent-ink)}.instrument-switch--wind{position:relative;align-items:center}.instrument-wip-badge{display:inline-flex;align-items:center;font-size:.72rem;font-style:italic;color:var(--accent-ink);letter-spacing:.03em;padding-left:4px;white-space:nowrap;opacity:.85;pointer-events:none}.midi-station-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:8px;padding:11px 14px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,var(--data-blue-surf-1) 0%,var(--panel) 100%);color:var(--text-soft);font-size:.92rem;font-weight:600;font-family:Cinzel,serif;letter-spacing:.04em;cursor:pointer;transition:all .18s;min-height:44px;box-shadow:inset 0 1px rgba(var(--glint-rgb),.04)}.midi-station-cta:hover{border-color:var(--accent-dim);color:var(--accent-ink);background:linear-gradient(135deg,var(--data-violet-surf-1) 0%,var(--data-blue-surf-1) 100%)}.midi-station-cta.active{background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:var(--text-inverse);border-color:var(--accent);box-shadow:0 2px 10px rgba(var(--accent-rgb),.35)}.midi-station-cta-icon{font-size:1.1rem;line-height:1}.topbar-midi-cta--compact{width:auto;margin-top:0;padding:6px 12px;min-height:34px;border-radius:10px;gap:6px;font-size:.74rem}.topbar-midi-cta--compact .midi-station-cta-icon{display:inline-flex;align-items:center;font-size:0}.topbar-midi-cta--compact .topbar-midi-cta-text{font-size:.74rem;letter-spacing:.04em;white-space:nowrap}.topbar-cta-stack{display:flex;flex-direction:column;align-items:stretch;gap:4px;flex:0 1 auto;min-width:0}.topbar-cta-stack .topbar-midi-cta--compact{min-height:30px;padding:4px 12px;justify-content:flex-start;min-width:0}.topbar-cta-stack .topbar-midi-cta-text{overflow:hidden;text-overflow:ellipsis}.chordlab-workspace{padding:24px 28px 48px;max-width:860px;margin:0 auto}.chordlab-head{margin-bottom:18px}.chordlab-title{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.chordlab-title h1{font-family:Cinzel,serif;font-size:1.7rem;margin:0;color:var(--text)}.chordlab-blurb{color:var(--muted);margin:6px 0 0;font-size:.92rem;max-width:64ch}.chordlab-picker{display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg, 14px);padding:14px 16px}.chordlab-picker-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chordlab-picker-label{font-size:.74rem;color:var(--muted);min-width:96px;text-transform:uppercase;letter-spacing:.06em}.chordlab-chips{display:flex;flex-wrap:wrap;gap:6px}.chordlab-chip{font:inherit;font-size:.88rem;font-weight:600;padding:6px 11px;border-radius:9px;border:1px solid var(--border);background:var(--bg-content);color:var(--text-soft);cursor:pointer;min-width:40px;transition:border-color .15s,color .15s,background .15s}.chordlab-chip:hover{border-color:var(--accent-dim);color:var(--text)}.chordlab-chip.is-active{background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:var(--text-inverse);border-color:var(--accent)}.chordlab-search{font:inherit;font-size:.95rem;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-content);color:var(--text);min-width:220px}.chordlab-search:focus{outline:2px solid var(--accent-dim);outline-offset:1px}.chordlab-search-error{color:var(--danger);font-size:.82rem}.chordlab-instrument-tabs{display:flex;gap:8px;margin:18px 0 12px;flex-wrap:wrap}.chordlab-instrument-tab{font:inherit;font-family:Cinzel,serif;font-weight:700;font-size:.88rem;padding:8px 18px;border-radius:11px;border:1px solid var(--border);background:var(--panel);color:var(--text-soft);cursor:pointer}.chordlab-instrument-tab.is-active{background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:var(--text-inverse);border-color:var(--accent)}.chordlab-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg, 14px);padding:20px 22px 24px;display:flex;flex-direction:column;gap:14px}.chordlab-card--empty{color:var(--muted)}.chordlab-hint{font-size:.88rem;color:var(--muted)}.chordlab-chord-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.chordlab-chord-symbol{font-family:Cinzel,serif;font-size:2rem;font-weight:800;color:var(--accent);line-height:1}.chordlab-chord-name{font-size:1rem;color:var(--text-soft)}.chordlab-inversions{display:flex;gap:6px;flex-wrap:wrap}.chordlab-stage{display:flex;justify-content:center;padding:6px 0}.chordlab-piano{height:190px;width:100%;max-width:760px}.chordlab-piano .piano-key.active .piano-key-label{display:block;font-family:var(--font-ui);font-size:.74rem;font-weight:700;letter-spacing:.01em;color:#1a1608}.chordlab-piano .piano-key.black.active .piano-key-label{font-size:.66rem}.chordlab-stage--guitar svg,.chordlab-stage--ukulele svg{width:240px;height:auto}.chordlab-stage--bass{overflow-x:auto;justify-content:flex-start}.chordlab-stage--bass svg{min-width:560px;width:100%}.chordlab-positions{display:flex;align-items:center;justify-content:center;gap:12px}.chordlab-position-arrow{font:inherit;font-size:1.2rem;line-height:1;padding:4px 14px;border-radius:9px;border:1px solid var(--border);background:var(--bg-content);color:var(--text);cursor:pointer}.chordlab-position-arrow:disabled{opacity:.35;cursor:default}.chordlab-position-count{font-size:.88rem;color:var(--text-soft);font-variant-numeric:tabular-nums}.chordlab-notes{justify-content:center}.chordlab-intervals{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.chordlab-interval{font-size:.78rem;color:var(--muted);border:1px solid var(--border);border-radius:99px;padding:3px 10px}.chordlab-play{align-self:center;font:inherit;font-family:Cinzel,serif;font-weight:700;font-size:.95rem;padding:10px 26px;border-radius:12px;border:1px solid var(--accent);background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:var(--text-inverse);cursor:pointer;box-shadow:0 3px 14px rgba(var(--accent-rgb),.25)}.chordlab-play:hover{filter:brightness(1.06)}.home-chordlab{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg, 14px);padding:16px 20px}.home-chordlab-text h3{margin:0 0 4px;font-family:Cinzel,serif}.home-chordlab-text p{margin:0;color:var(--muted);font-size:.9rem;max-width:52ch}.home-chordlab-side{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.home-chordlab-examples{display:flex;gap:6px}.home-chordlab-open{font:inherit;font-family:Cinzel,serif;font-weight:700;font-size:.88rem;padding:9px 18px;border-radius:11px;border:1px solid var(--accent);background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:var(--text-inverse);cursor:pointer}@media (max-width: 640px){.chordlab-workspace{padding:14px 12px 40px}.chordlab-picker{padding:10px}.chordlab-picker-label{min-width:0;width:100%}.chordlab-piano{height:150px}.chordlab-card{padding:14px 12px 18px}.chordlab-stage--bass svg{min-width:480px}}.live-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:Cinzel,serif;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-inverse);border:1px solid var(--accent);border-radius:12px;background:linear-gradient(135deg,var(--accent-bright) 0%,var(--accent) 50%,var(--accent) 100%);box-shadow:0 2px 10px rgba(var(--accent-rgb),.4),inset 0 1px rgba(var(--glint-rgb),.4);min-height:44px;transition:box-shadow .2s ease,filter .2s ease,border-color .2s ease}.live-cta:hover{filter:brightness(1.06);box-shadow:0 4px 18px rgba(var(--accent-bright-rgb),.6),inset 0 1px rgba(var(--glint-rgb),.5)}.live-cta:active{filter:brightness(.97)}.live-cta:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--accent-bright-rgb),.6)}.live-cta-label{line-height:1}.live-cta-dot{width:9px;height:9px;border-radius:50%;background:var(--data-red-surf-2);flex:none;animation:live-pulse 1.6s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 rgba(var(--data-red-surf-2-rgb),.65)}70%{box-shadow:0 0 0 7px rgba(var(--data-red-surf-2-rgb),0)}to{box-shadow:0 0 rgba(var(--data-red-surf-2-rgb),0)}}@media (prefers-reduced-motion: reduce){.live-cta-dot{animation:none}}.topbar-live-cta{padding:6px 16px;font-size:.82rem;min-height:38px}.home-live-cta{width:100%;margin-top:10px;padding:12px 18px;font-size:.95rem;border-radius:14px}.midi-workspace{background:var(--bg-content);color:var(--text);padding:28px 34px 40px;max-width:none;width:100%;margin:0}.midi-workspace-head{display:grid;grid-template-columns:minmax(220px,auto) 1fr;gap:28px;align-items:start;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(212,175,79,.15)}.midi-workspace-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:10px;padding:6px 12px;font-size:.82rem;font-weight:600;color:var(--accent);background:#d4af4f14;border:1px solid rgba(212,175,79,.32);border-radius:var(--r-sm, 8px);cursor:pointer;transition:background .15s,border-color .15s}.midi-workspace-back:hover{background:#d4af4f29;border-color:#d4af4f8c}.midi-workspace-title h1{margin:0;font-family:Cinzel,serif;font-size:2rem;font-weight:500;color:#f2e9d4;letter-spacing:.02em}.midi-workspace-blurb{display:flex;flex-direction:column;gap:8px;font-size:.88rem;line-height:1.45;color:#f2e9d4c7;max-width:720px}.midi-workspace-blurb p{margin:0}.midi-workspace-blurb strong{color:#f2e9d4}@media (max-width: 900px){.midi-workspace-head{grid-template-columns:1fr;gap:14px}}.midi-station.stacked{display:flex;flex-direction:column;gap:28px}.midi-station-section{display:flex;flex-direction:column;gap:16px;padding:22px 24px;background:linear-gradient(180deg,#2821168c,#1c18118c);border:1px solid rgba(212,175,79,.22);border-radius:14px;box-shadow:0 4px 18px #00000047,inset 0 1px #d4af4f14}.midi-station-section:before{content:"";display:block;height:3px;width:48px;background:linear-gradient(90deg,var(--accent, #d4af4f),rgba(212,175,79,.2));border-radius:2px;margin-bottom:2px}.midi-section-title{margin:0;font-size:1.35rem;font-weight:700;color:#f2e9d4;padding-bottom:10px;border-bottom:1px solid rgba(212,175,79,.25);letter-spacing:.3px}.midi-section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid rgba(212,175,79,.25)}.midi-section-header .midi-section-title{padding-bottom:0;border-bottom:none}.midi-section-toggle{background:#d4af4f1f;color:#f2e9d4;border:1px solid rgba(212,175,79,.35);border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.midi-section-toggle:hover{background:#d4af4f38;border-color:#d4af4f8c}.guitar-fretboard{display:block;width:100%;height:auto;background:linear-gradient(180deg,#2a241a,#1c1811);border-radius:8px;border:1px solid var(--border-soft)}.guitar-fretboard .fret-dot,.guitar-fretboard .fret-dot.is-root{fill:var(--accent);stroke:var(--accent-dim);stroke-width:1}.guitar-fretboard .fret-dot-label{fill:#1a1608;pointer-events:none}.guitar-fretboard.chord-scale .fret-dot,.guitar-fretboard.chord-scale .fret-dot.is-root{fill:#7ec8ff;stroke:#3a9ee0}.guitar-fretboard.chord-scale .fret-dot-label{fill:#0b2740}.fretboard-wrap{position:relative}.fretboard-wrap:not(.is-playable){max-width:720px;margin-left:0;margin-right:auto}.fretboard-wrap.is-playable{user-select:none;-webkit-user-select:none;max-width:70%}.guitar-fretboard.is-playable{cursor:pointer}.guitar-fretboard .fret-hit{fill:transparent;stroke:none;cursor:pointer;transition:fill .08s ease}.guitar-fretboard .fret-hit:hover{fill:#d4af4f14}.guitar-fretboard .fret-dot.is-pressed{fill:#fde9a8;stroke:#d4af4f;stroke-width:2;filter:drop-shadow(0 0 6px rgba(212,175,79,.75));animation:fret-dot-flash .42s ease-out}.guitar-fretboard .fret-dot.is-out-scale{fill:#d4af4f8c;stroke:#d4af4fd9}.guitar-fretboard.chord-scale .fret-dot.is-pressed{fill:#fde9a8;stroke:#d4af4f}@keyframes fret-dot-flash{0%{filter:drop-shadow(0 0 0 rgba(var(--accent-rgb),.9))}35%{filter:drop-shadow(0 0 12px rgba(var(--accent-rgb),.8))}to{filter:drop-shadow(0 0 6px rgba(var(--accent-rgb),.6))}}.chord-mode-switch{display:inline-flex;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:999px;padding:2px;margin:6px 0 14px;gap:2px}.chord-mode-switch button{padding:4px 14px;border:0;background:transparent;color:var(--muted, var(--muted));font-size:.8rem;font-weight:600;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.chord-mode-switch button:hover{color:var(--text)}.chord-mode-switch button.active{background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:var(--text-inverse)}.guitar-diagram-wrap{display:flex;justify-content:center;padding:6px 0 10px}.guitar-diagram{display:block}.guitar-fallback{color:var(--muted, var(--muted));font-size:.85rem;text-align:center;padding:28px 12px}.chord-follow-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.82rem;color:var(--muted, var(--muted));padding:6px 4px;transition:color .15s}.chord-follow-toggle:hover{color:var(--text)}.chord-follow-toggle.on{color:var(--data-blue-ink-2)}.chord-follow-toggle input{display:none}.chord-follow-slider{position:relative;width:34px;height:18px;border-radius:999px;background:var(--panel-2, var(--panel-2));border:1px solid var(--border-soft);transition:background .15s,border-color .15s}.chord-follow-slider:after{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:var(--text);transition:transform .18s ease,background .18s}.chord-follow-toggle.on .chord-follow-slider{background:linear-gradient(135deg,var(--data-blue-surf-8),var(--data-blue-surf-2));border-color:var(--data-blue-surf-2)}.chord-follow-toggle.on .chord-follow-slider:after{transform:translate(16px);background:var(--surf-invert)}.scale-chip:disabled{opacity:.45;cursor:not-allowed}.scale-piano.chord-scale .piano-key.white.active{background:linear-gradient(180deg,#9bd3ff,#3a9ee0);border-color:#1d5785;box-shadow:inset 0 -3px 6px #00000038,0 0 10px #3a9ee059;color:#0b1a2c}.scale-piano.chord-scale .piano-key.white.active.root{background:linear-gradient(180deg,#9bd3ff,#3a9ee0);box-shadow:inset 0 -3px 6px #00000038}.scale-piano.chord-scale .piano-key.black.active{background:linear-gradient(180deg,#3a9ee0,#123a5c);border-color:#000;box-shadow:inset 0 -4px 5px #00000059;color:#eaf4ff}.scale-piano.chord-scale .piano-key.black.active.root{background:linear-gradient(180deg,#3a9ee0,#123a5c);box-shadow:inset 0 -4px 5px #00000059;color:#eaf4ff}.section-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-header-row h4{margin:0}.chord-edit-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.section-card.edit-mode{border-color:var(--accent-dim);background:rgba(var(--accent-rgb),.04)}.beat-edit-input{display:inline-flex;align-items:center;justify-content:center;min-height:52px;width:100%;padding:6px;border-radius:var(--r-sm);border:1px solid var(--accent-dim);background:var(--panel-3);font-family:var(--font-mono);font-weight:600;font-size:1.1rem;color:var(--text);letter-spacing:-.01em;text-align:center;outline:none;transition:border-color .12s,background .12s}.beat-edit-input:focus{border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.beat-edit-input::placeholder{color:var(--muted-2);font-weight:400}.linear-chords-edit{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.linear-chords-edit .beat-edit-input{width:90px;min-height:44px;font-size:1rem}.danger-btn{background:transparent;color:var(--danger);border:1px solid var(--danger);border-radius:var(--r-sm);padding:8px 16px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.danger-btn:hover{background:rgba(var(--data-red-surf-4-rgb),.12)}.danger-btn:disabled{opacity:.4;cursor:not-allowed}.danger-btn.compact-btn{padding:5px 12px;font-size:.8rem}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;border:0;padding:0;background:rgba(var(--veil-lo-rgb),.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;cursor:pointer;transition:opacity .2s ease-out}@media (max-width: 1200px){.meta-grid,.form-grid{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.app-shell,.app-shell.is-sidebar-collapsed{grid-template-columns:1fr;--topbar-h: 110px}.topbar{left:0;padding:10px 14px;gap:10px}.app-shell .topbar>.topbar-sidebar-stack .topbar-sidebar-toggle{height:38px;min-height:38px;padding:0 12px;gap:6px}.topbar .topbar-brand-dock{gap:10px;flex:1 1 0;min-width:0}.topbar .topbar-brand-logo{gap:4px}.topbar .topbar-brand-logo{--brand-size: 1.6rem}.topbar .topbar-brand-logo .brand-main{letter-spacing:.1em}.topbar .topbar-instrument-switch{grid-template-columns:repeat(4,minmax(0,1fr));padding:3px;gap:3px;max-width:340px}.topbar .topbar-instrument-switch button{padding:6px;min-height:34px;min-width:0;font-size:.78rem;letter-spacing:0}.topbar .topbar-midi-cta{flex-direction:row;padding:8px 12px;font-size:.9rem;gap:6px}.topbar .topbar-midi-cta-text{display:none}.topbar-btn{padding:8px 12px;min-width:40px}.topbar-btn-icon{font-size:1.1rem}.topbar-actions{gap:6px}.app-shell .sidebar{display:flex!important;position:fixed;top:0;left:0;bottom:0;width:min(340px,88vw);height:100vh;height:100dvh;max-height:none;z-index:120;border-right:1px solid var(--border-soft);border-bottom:0;transform:translate(-100%);transition:transform .28s ease-out;box-shadow:20px 0 60px rgba(var(--shadow-rgb),.55)}.app-shell:not(.is-sidebar-collapsed) .sidebar{transform:translate(0)}.sidebar-handle--rail{display:none}.sidebar-backdrop{display:block}.app-shell:not(.is-sidebar-collapsed) .sidebar-backdrop{opacity:1;pointer-events:auto}.topbar-brand-dock.is-dock-desktop-hidden{display:flex}.meta-grid,.form-grid{grid-template-columns:1fr}.song-card{padding:22px 20px}.song-card h3{font-size:1.7rem}.content{padding:20px 16px 32px}}.home-mobile-intro,.sidebar-title-mobile-row,.impro-instrument-switch{display:none}@media (max-width: 1200px){.home-mobile-intro{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 14px 22px;margin:0 0 18px;border-bottom:1px solid var(--border-soft)}.topbar-instrument-switch,.instrument-switch.topbar-instrument-switch,.topbar .brand-logo-btn,.topbar-brand-btn,.sidebar-header .brand-logo-btn{display:none!important}.app-shell:not(:has(.home-mobile-intro)) .topbar .topbar-brand-btn{display:inline-flex!important}.home-mobile-intro .brand-logo{--brand-size: 2.1rem}.home-mobile-intro .brand-logo .brand-main{letter-spacing:.11em}}@media (max-width: 640px){.home-section--liveset,.home-ticker{display:none}.home-mobile-intro-logo{margin:0;transform:scale(.78);transform-origin:center top}.home-mobile-intro-tagline{margin:0;text-align:center;color:var(--muted);font-size:.85rem;line-height:1.5;max-width:320px}.home-mobile-intro-instrument{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:4px 0 0;padding:6px;background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.25);border-radius:18px}.home-mobile-intro-instrument-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.home-mobile-intro-instrument button{padding:7px 14px;background:transparent;border:1px solid transparent;border-radius:999px;color:var(--muted);font-family:var(--font-ui);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.home-mobile-intro-instrument button:hover{color:var(--accent-ink);background:rgba(var(--accent-rgb),.1)}.home-mobile-intro-instrument button.active{background:linear-gradient(180deg,rgba(var(--accent-rgb),.95),rgba(var(--accent-rgb),.95));color:var(--text-inverse);border-color:rgba(var(--accent-rgb),.85);box-shadow:0 2px 8px rgba(var(--accent-rgb),.4)}.sidebar-header .brand-logo-btn{display:none}.sidebar-title-mobile-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 6px 10px;padding:6px 4px 10px;border-bottom:1px solid var(--border-soft)}.sidebar-title-mobile{margin:0;flex:1 1 auto;font-family:Playfair Display,Cormorant Garamond,Georgia,serif;font-weight:700;font-size:1.55rem;line-height:1.1;color:var(--accent-ink);text-align:center;letter-spacing:.02em}.sidebar-handle{width:18px;height:112px;font-size:1.1rem;color:var(--text)}.sidebar-handle:hover,.sidebar-handle:focus-visible{height:132px}.app-shell .topbar>.topbar-sidebar-stack .topbar-sidebar-toggle{height:38px;min-height:38px;padding:0 12px;gap:6px}.topbar .topbar-midi-cta{display:none}.topbar .topbar-chordlab-cta{display:inline-flex}.topbar .topbar-chordlab-cta .topbar-midi-cta-text{display:none}.topbar .topbar-instrument-switch{max-width:none}.home-progressions .home-progressions-header .home-section-count,.topbar .topbar-btn--home,.topbar .topbar-btn--spotify{display:none}.topbar .topbar-instrument-switch button{padding:8px 0;min-height:38px}.topbar .topbar-instrument-switch .instrument-switch-label{display:none}.topbar .topbar-instrument-switch .instrument-switch-emoji{display:inline-block;font-size:1.15rem;line-height:1}.home-hero-content{padding:14px;gap:12px}.home-hero-title{font-size:1.7rem}.home-hero-bars{grid-template-columns:1fr;gap:6px}.home-hero-bar{padding:5px;gap:3px}.hero-beat{font-size:.82rem;padding:4px}.home-hero-cta{flex-direction:column;gap:8px}.home-hero-cta .hero-btn-primary,.home-hero-cta .hero-btn-ghost{width:100%;padding:10px 12px}.home-hero-spotify-row{flex-direction:column;align-items:stretch;justify-content:center}.home-hero-spotify-row .spotify-cta,.home-hero-spotify-row .youtube-cta{width:100%;justify-content:center}.home-hero-badges{gap:5px}.hero-badge{padding:4px 9px;font-size:.72rem}.home-progressions .home-progressions-controls{display:none}.home-progressions .home-progressions-keybar{gap:6px;margin:6px 0 10px}.home-progressions .home-progressions-keylabel{font-size:.72rem}.home-progressions .home-progressions-keychips.big{gap:3px}.home-progressions .home-progressions-keychips.big .home-progressions-keychip{padding:4px 7px;font-size:.78rem;min-width:28px}.home-progressions .home-progressions-modeswitch{gap:3px}.home-progressions .home-progressions-modeswitch button{padding:4px 8px;font-size:.76rem}.home-progressions .home-progressions-grid{grid-template-columns:1fr!important;gap:12px}.home-progressions .home-progressions-grid>*:nth-child(n+4){display:none}.home-progressions:has(.home-progressions-expand.is-expanded) .home-progressions-grid>*:nth-child(n+4){display:block}.home-progressions .home-progressions-expand-wrap{margin-top:8px;display:flex;justify-content:center}.home-progressions .home-progressions-expand{padding:6px 14px;font-size:.82rem}.scale-keyboard-card .scale-character-card,.scale-keyboard-card .scale-suggestions,.scale-keyboard-card .scale-chord-zoom,.scale-keyboard-card .scale-hub-toolbar,.scale-keyboard-card .scale-keyboard-header,.scale-keyboard-card .scale-keyboard-scales,.scale-keyboard-card .scale-play-controls,.scale-keyboard-card .scale-diatonic{display:none}.scale-keyboard-card{padding:8px}.scale-piano{height:130px}}@media (max-width: 640px){.app-shell,.app-shell.is-sidebar-collapsed{--topbar-h: 92px}.app-shell .topbar{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);grid-template-areas:"repertoire actions" "marque     actions";height:auto;min-height:var(--topbar-h);padding:8px 10px;gap:6px 8px;align-items:center}.app-shell .topbar>.topbar-sidebar-stack{grid-area:repertoire;justify-self:start;min-width:0}.app-shell .topbar>.topbar-brand-dock{grid-area:marque;width:auto;min-width:0;gap:8px;flex-wrap:wrap;row-gap:6px;justify-content:center;align-items:center}.app-shell .topbar>.topbar-brand-dock:empty{display:none}.app-shell .topbar>.topbar-actions{grid-area:actions;justify-self:end;min-width:0}.app-shell .topbar>.topbar-actions{min-width:0}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px}.topbar-auth-slot{flex:1 0 100%;justify-content:flex-end}.topbar-auth-slot .auth-pill{padding:5px 10px;font-size:11.5px}.topbar-auth-slot .auth-pill-email{font-size:11px}.topbar .topbar-brand-dock{gap:10px;align-items:center;justify-content:center}.topbar .topbar-brand-btn{display:inline-flex;flex:0 0 auto;padding:0;height:auto}.topbar .topbar-brand-btn .topbar-brand-logo{transform:scale(.7);transform-origin:center}.app-shell:has(.home-mobile-intro) .topbar .topbar-brand-btn{display:none}.topbar .topbar-instrument-switch{display:none}.impro-instrument-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;margin:6px 0 8px;border:1px solid var(--border);border-radius:12px;background:rgba(var(--veil-lo-rgb),.25)}.impro-instrument-switch button{padding:8px 4px;min-height:44px;font-size:.82rem;font-weight:600;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer}.impro-instrument-switch button.active{background:rgba(var(--accent-rgb),.18);border-color:var(--accent);color:var(--accent-ink)}.topbar .topbar-midi-cta{padding:6px 10px;font-size:.8rem;flex:0 0 auto}.topbar .topbar-midi-cta-icon{font-size:1.1rem}.topbar-actions{gap:4px}.topbar-btn{padding:7px 9px;min-width:36px}.content{padding:16px 10px 24px}}@media (max-width: 640px),(max-height: 540px) and (max-width: 1100px){.app-shell,.app-shell.is-sidebar-collapsed{--topbar-h: 56px}.app-shell .topbar{display:flex;grid-template-areas:none;grid-template-columns:none;flex-wrap:nowrap;align-items:center;gap:8px;padding:6px 10px;height:56px;min-height:56px}.app-shell .topbar>.topbar-sidebar-stack{flex:0 0 auto;min-width:0}.app-shell .topbar>.topbar-brand-dock{grid-area:auto;flex:1 1 auto;min-width:0;flex-wrap:nowrap;justify-content:center;overflow:hidden;gap:8px}.app-shell .topbar>.topbar-actions{grid-area:auto;flex:0 0 auto;margin-left:0;flex-wrap:nowrap}.topbar-actions .topbar-docs-group,.topbar-actions>.theme-toggle,.topbar-actions .topbar-auth-slot,.topbar-brand-dock .topbar-live-cta,.topbar-brand-dock .topbar-harmony-cta,.topbar-brand-dock .topbar-cta-stack,.topbar-brand-dock .topbar-instrument-stack,.topbar-brand-dock .topbar-instrument-switch{display:none}.topbar-more-mobile{display:block}.topbar .topbar-brand-btn .topbar-brand-logo{transform:scale(.62)}.topbar-more-item,.topbar-more-lang{min-height:44px}.topbar-more-btn{min-width:44px;min-height:44px}}.topbar-more-mobile{display:none}.topbar-more-item--fort{color:var(--accent-ink);font-weight:650}.topbar-more-item.is-active{color:var(--accent-ink)}.topbar-more-theme{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 12px;min-height:44px}.topbar-more-theme-label{font-size:.86rem;color:var(--muted);line-height:1.25}.home-progressions{padding:22px 24px 26px;border:1px solid var(--border-soft);border-radius:16px;background:linear-gradient(180deg,rgba(var(--veil-hi-rgb),.02),rgba(var(--veil-lo-rgb),.08));container-type:inline-size}.home-progressions-header{margin-bottom:14px}.home-progressions-intro{margin:6px 0 0;color:var(--text-muted, var(--text-mid));font-size:.92rem;max-width:640px}.home-progressions-keybar{display:flex;align-items:center;gap:12px;margin:8px 0 14px;flex-wrap:wrap}.home-progressions-keylabel{font-size:.8rem;color:var(--text-muted, var(--text-mid));letter-spacing:.04em}.home-progressions-keychips{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.home-progressions-keychip{background:rgba(var(--veil-hi-rgb),.04);border:1px solid var(--border-soft);color:var(--text);padding:5px 9px;min-width:34px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.home-progressions-keychip:hover{background:rgba(var(--veil-hi-rgb),.08);border-color:rgba(var(--accent-rgb),.3)}.home-progressions-keychip.active{background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:var(--text-inverse);border-color:var(--accent);box-shadow:0 2px 10px rgba(var(--accent-rgb),.3)}.home-progressions-modeswitch{display:inline-flex;gap:0;margin-left:24px;border-radius:8px;overflow:hidden;border:1px solid var(--border-soft);flex-shrink:0}.home-progressions-modeswitch button{background:rgba(var(--veil-hi-rgb),.03);color:var(--text);border:0;padding:8px 16px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap}.home-progressions-modeswitch button:hover{background:rgba(var(--veil-hi-rgb),.08)}.home-progressions-modeswitch button.active{background:var(--accent);color:var(--text-inverse)}.home-progressions-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;margin-bottom:14px}.home-progressions-stylebar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.home-progressions-tempo{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;background:rgba(var(--veil-hi-rgb),.03);border:1px solid var(--border-soft);border-radius:999px;transition:border-color .15s,background .15s}.home-progressions-tempo:hover{border-color:rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.05)}.home-progressions-tempo-value{font-size:.8rem;font-weight:700;color:var(--accent-soft-ink, var(--accent-soft-ink));min-width:62px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.home-progressions-tempo input[type=range]{width:140px;accent-color:var(--accent);cursor:pointer}.home-progressions-filters{display:flex;flex-wrap:wrap;gap:6px}.home-progressions-filter{background:rgba(var(--veil-hi-rgb),.03);border:1px solid var(--border-soft);color:var(--text-muted, var(--text-mid));padding:5px 12px;border-radius:999px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.home-progressions-filter:hover{background:rgba(var(--veil-hi-rgb),.07);color:var(--text)}.home-progressions-filter.active{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.home-progressions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.progression-card{background:linear-gradient(180deg,rgba(var(--veil-hi-rgb),.03),rgba(var(--veil-lo-rgb),.12));border:1px solid var(--border-soft);border-radius:14px;padding:14px 14px 12px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s,transform .2s,box-shadow .2s}.progression-card:hover{border-color:rgba(var(--accent-rgb),.28);transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--shadow-rgb),.25)}.progression-card.playing{border-color:var(--accent);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.4),0 8px 28px rgba(var(--accent-rgb),.18)}.progression-card.fam-pop{border-left:3px solid var(--data-blue-surf-8)}.progression-card.fam-jazz{border-left:3px solid var(--data-violet-surf-5)}.progression-card.fam-blues{border-left:3px solid var(--data-blue-surf-6)}.progression-card.fam-modal{border-left:3px solid var(--data-green-surf-7)}.progression-card.fam-classique{border-left:3px solid var(--accent)}.progression-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.progression-card-head h4{margin:4px 0 0;font-size:1.02rem;line-height:1.2}.progression-family-badge{display:inline-block;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:2px 8px;border-radius:999px;background:rgba(var(--veil-hi-rgb),.05);color:var(--text-muted, var(--text-mid))}.progression-family-badge.fam-pop{background:rgba(var(--data-blue-surf-8-rgb),.15);color:var(--data-blue-ink-3)}.progression-family-badge.fam-jazz{background:rgba(var(--data-violet-surf-5-rgb),.15);color:var(--data-violet-ink-1)}.progression-family-badge.fam-blues{background:rgba(var(--data-blue-surf-6-rgb),.18);color:var(--data-blue-ink-3)}.progression-family-badge.fam-modal{background:rgba(var(--data-green-surf-7-rgb),.15);color:var(--data-green-ink-4)}.progression-family-badge.fam-classique{background:rgba(var(--accent-rgb),.18);color:var(--accent-soft-ink)}.progression-play-btn{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:var(--text-inverse);border:0;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .2s;box-shadow:0 2px 10px rgba(var(--accent-rgb),.28)}.progression-play-btn:hover{transform:scale(1.07);box-shadow:0 4px 14px rgba(var(--accent-rgb),.4)}.progression-play-btn.playing{background:linear-gradient(135deg,var(--data-red-surf-4),var(--data-red-surf-2));color:var(--text);animation:progpulse 1.4s ease-in-out infinite}@keyframes progpulse{0%,to{box-shadow:0 2px 10px rgba(var(--data-red-surf-4-rgb),.35)}50%{box-shadow:0 2px 18px rgba(var(--data-red-surf-4-rgb),.7)}}.progression-chords{display:flex;flex-wrap:wrap;gap:6px}.progression-chord-chip{background:rgba(var(--veil-hi-rgb),.04);border:1px solid var(--border-soft);color:var(--text);padding:6px 10px;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:52px;transition:all .12s ease}.progression-chord-chip:hover{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.35);transform:translateY(-1px)}.pc-roman{font-size:.66rem;color:var(--accent-ink);font-weight:700;letter-spacing:.06em}.pc-name{font-size:.92rem;font-weight:600}.progression-tip{margin:2px 0 0;color:var(--text-muted, var(--text-mid));font-size:.82rem;line-height:1.45}.progression-examples{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;margin-top:2px;padding-top:8px;border-top:1px dashed var(--border-soft)}.progression-examples-label{font-size:.72rem;color:var(--text-muted, var(--text-mid));letter-spacing:.06em;font-weight:600;margin-right:2px}.progression-example{font-size:.76rem;color:var(--text-muted, var(--text-mid));padding:2px 8px;border-radius:999px;background:rgba(var(--veil-hi-rgb),.03);border:1px solid transparent}.progression-example.is-catalog{background:rgba(var(--data-green-surf-7-rgb),.1);color:var(--data-green-ink-4);border-color:rgba(var(--data-green-surf-7-rgb),.25);cursor:pointer;transition:all .15s}.progression-example.is-catalog:hover{background:rgba(var(--data-green-surf-7-rgb),.2);color:var(--data-green-ink-6);transform:translateY(-1px)}.progression-card.fam-latin{border-left:3px solid var(--accent)}.progression-card.fam-soul{border-left:3px solid var(--data-violet-surf-6)}.progression-card.fam-ballad{border-left:3px solid var(--data-red-surf-7)}.progression-family-badge.fam-latin{background:rgba(var(--accent-rgb),.16);color:var(--accent-soft-ink)}.progression-family-badge.fam-soul{background:rgba(var(--data-violet-surf-6-rgb),.16);color:var(--data-violet-ink-1)}.progression-family-badge.fam-ballad{background:rgba(var(--data-red-surf-7-rgb),.16);color:var(--data-red-ink-5)}.home-progressions-keychips.big .home-progressions-keychip{min-width:44px;padding:9px 13px;font-size:1rem;border-radius:10px}.home-progressions-keybar{gap:14px}.home-progressions-keylabel{font-size:.92rem;font-weight:600;letter-spacing:.03em}.progression-card{cursor:pointer}.progression-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.progression-card-foot{margin-top:auto;padding-top:6px;display:flex;align-items:center;justify-content:space-between}.progression-card-morelink{font-size:.72rem;color:var(--accent-soft-ink, var(--accent-soft-ink));letter-spacing:.06em;font-weight:600;opacity:.75;transition:opacity .15s}.progression-card:hover .progression-card-morelink{opacity:1}.home-progressions-expand-wrap{margin-top:16px;display:flex;justify-content:center}.home-progressions-expand{background:linear-gradient(135deg,rgba(var(--accent-rgb),.18),rgba(var(--accent-rgb),.08));border:1px solid rgba(var(--accent-rgb),.4);color:var(--accent-soft-ink, var(--accent-soft-ink));padding:12px 28px;border-radius:999px;font-size:.95rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 14px rgba(var(--accent-rgb),.12)}.home-progressions-expand:hover{background:linear-gradient(135deg,rgba(var(--accent-rgb),.3),rgba(var(--accent-rgb),.15));border-color:rgba(var(--accent-rgb),.7);color:var(--text);transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.22)}.home-progressions-expand.is-expanded{background:rgba(var(--veil-hi-rgb),.04);color:var(--text-muted, var(--text-mid));border-color:var(--border-soft);box-shadow:none}.progression-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--veil-lo-rgb),.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:800;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;overflow-y:auto;animation:progDetailFadeIn .18s ease-out}@keyframes progDetailFadeIn{0%{opacity:0}to{opacity:1}}.progression-detail{position:relative;width:min(1000px,100%);background:linear-gradient(180deg,var(--bg-sidebar) 0%,var(--bg-deep) 100%);border:1px solid var(--border-soft);border-radius:18px;padding:28px 32px 36px;box-shadow:0 20px 70px rgba(var(--shadow-rgb),.6);animation:progDetailSlideIn .22s cubic-bezier(.2,.8,.2,1)}@keyframes progDetailSlideIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.progression-detail.fam-pop{border-top:4px solid var(--data-blue-surf-8)}.progression-detail.fam-jazz{border-top:4px solid var(--data-violet-surf-5)}.progression-detail.fam-blues{border-top:4px solid var(--data-blue-surf-6)}.progression-detail.fam-modal{border-top:4px solid var(--data-green-surf-7)}.progression-detail.fam-classique,.progression-detail.fam-latin{border-top:4px solid var(--accent)}.progression-detail.fam-soul{border-top:4px solid var(--data-violet-surf-6)}.progression-detail.fam-ballad{border-top:4px solid var(--data-red-surf-7)}.progression-detail-head{display:flex;align-items:flex-start;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--border-soft);margin-bottom:18px}.progression-detail-title{flex:1;min-width:0}.progression-detail-title .progression-family-badge{margin-bottom:8px}.progression-detail-title h2{margin:0 0 8px;font-size:1.9rem;line-height:1.15;color:var(--text)}.progression-detail-tip{margin:0;color:var(--text-muted, var(--text-mid));font-size:1rem;line-height:1.4;font-style:italic}.progression-detail-close{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:rgba(var(--veil-hi-rgb),.06);border:1px solid var(--border-soft);color:var(--text);font-size:1.5rem;font-weight:400;line-height:1;cursor:pointer;transition:all .15s}.progression-detail-close:hover{background:rgba(var(--veil-hi-rgb),.12);border-color:rgba(var(--veil-hi-rgb),.25);transform:rotate(90deg)}.progression-detail-controls{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;justify-content:space-between;margin-bottom:18px}.progression-detail-chordsrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:20px;background:rgba(var(--veil-hi-rgb),.025);border:1px solid var(--border-soft);border-radius:14px;margin-bottom:22px}.progression-detail-play,.progression-detail-stop{flex-shrink:0;border:0;cursor:pointer;font-weight:700;transition:transform .12s,box-shadow .2s}.progression-detail-play{background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:var(--text-inverse);padding:10px 18px;font-size:1rem;border-radius:999px;box-shadow:0 2px 12px rgba(var(--accent-rgb),.3)}.progression-detail-play:hover{transform:scale(1.04)}.progression-detail-stop{background:rgba(var(--veil-hi-rgb),.08);color:var(--text);width:40px;height:40px;border-radius:50%;font-size:1rem}.progression-detail-stop:hover{background:rgba(var(--data-red-surf-4-rgb),.5)}.progression-detail-chords{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0}.progression-detail-chord{background:rgba(var(--veil-hi-rgb),.04);border:1px solid var(--border-soft);color:var(--text);padding:10px 14px;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:72px;transition:all .12s ease}.progression-detail-chord:hover{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.5);transform:translateY(-2px)}.progression-detail-chord .pc-roman{font-size:.74rem}.progression-detail-chord .pc-name.big{font-size:1.2rem;font-weight:700}.progression-detail-body{display:flex;flex-direction:column;gap:26px}.progression-detail-section h3{margin:0 0 10px;font-size:1.1rem;color:var(--accent-soft-ink, var(--accent-soft-ink));letter-spacing:.03em;text-transform:uppercase;font-weight:700}.progression-detail-story{margin:0;font-size:.98rem;line-height:1.7;color:var(--text-soft);white-space:pre-line}.progression-detail-tricks{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}.progression-detail-tricks li{color:var(--text-soft);font-size:.94rem;line-height:1.55}.progression-detail-tricks li::marker{color:var(--accent-ink)}.progression-detail-examples{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.progression-detail-examples li{padding:8px 12px;background:rgba(var(--veil-hi-rgb),.025);border:1px solid var(--border-soft);border-radius:8px;font-size:.92rem;color:var(--text-soft)}.progression-detail-examples li.is-catalog{background:rgba(var(--data-green-surf-7-rgb),.08);border-color:rgba(var(--data-green-surf-7-rgb),.25)}.progression-detail-examples li button{background:transparent;border:0;color:var(--data-green-ink-6);font-size:.92rem;cursor:pointer;padding:0;text-align:left;width:100%}.progression-detail-examples li button:hover{color:var(--text)}.progression-detail-examples em{color:var(--text-muted, var(--text-mid));font-style:italic}.progression-detail-examples .catalog-mark{margin-left:4px}@media (max-width: 700px){.progression-detail-overlay{padding:12px 8px}.progression-detail{padding:22px 18px 28px;border-radius:14px}.progression-detail-title h2{font-size:1.5rem}.progression-detail-chord{min-width:60px;padding:8px 10px}.progression-detail-chord .pc-name.big{font-size:1rem}.progression-detail-chordsrow{padding:14px}}@container (max-width: 620px){.home-progressions-grid{grid-template-columns:1fr}}@media (max-width: 700px){.home-progressions{padding:18px 16px 20px}.home-progressions-header h3{font-size:1.3rem}.home-progressions-keychips.big .home-progressions-keychip{min-width:38px;padding:7px 10px;font-size:.9rem}}:root{--topbar-h: 96px}.topbar{position:fixed;top:0;left:300px;right:0;height:auto;min-height:var(--topbar-h);z-index:50;display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:0 24px 0 14px;background:linear-gradient(180deg,rgba(var(--bg-sidebar-rgb),.94),rgba(var(--bg-sidebar-rgb),.82));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-soft);container-type:inline-size;container-name:topbar}.topbar{--topbar-tool-bg: linear-gradient(180deg, rgba(var(--accent-rgb), .15) 0%, rgba(var(--bg-content-rgb), .55) 100%);--topbar-tool-border: rgba(var(--accent-rgb), .34);--topbar-tool-ink: var(--text);--topbar-tool-size: .82rem}.topbar .topbar-harmony-cta,.topbar .topbar-sonar-cta,.topbar .topbar-midi-cta,.topbar .topbar-btn--manual,.topbar .topbar-btn--guides,.topbar .auth-pill--anon,.topbar .topbar-more-btn{background:var(--topbar-tool-bg);border-color:var(--topbar-tool-border);color:var(--topbar-tool-ink)}.topbar .topbar-harmony-cta,.topbar .topbar-sonar-cta,.topbar .topbar-midi-cta,.topbar .topbar-btn--manual,.topbar .topbar-btn--guides{font-size:var(--topbar-tool-size)}.topbar .topbar-btn--manual,.topbar .topbar-btn--guides{box-shadow:var(--inset-polish);font-weight:600}.topbar .topbar-harmony-cta:hover,.topbar .topbar-sonar-cta:hover,.topbar .topbar-midi-cta:hover,.topbar .topbar-btn--manual:hover,.topbar .topbar-btn--guides:hover,.topbar .auth-pill--anon:hover,.topbar .topbar-more-btn:hover{background:linear-gradient(180deg,rgba(var(--accent-rgb),.26),rgba(var(--bg-content-rgb),.5));border-color:var(--accent);color:var(--accent-ink)}.topbar .topbar-btn--manual.is-open,.topbar .topbar-harmony-cta.active,.topbar .topbar-sonar-cta.active,.topbar .topbar-more-btn.is-open{background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent-soft) 38%,var(--accent) 75%,var(--accent) 100%);border-color:rgba(var(--accent-bright-rgb),.55);color:var(--text-inverse)}.topbar-sidebar-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border-radius:999px;border:1.5px solid var(--accent);background:rgba(var(--accent-rgb),.12);color:var(--accent-ink);font-size:.92rem;font-weight:600;letter-spacing:.02em;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:0 2px 8px rgba(var(--shadow-rgb),.35);transition:background .15s,transform .15s,box-shadow .15s,color .15s}.topbar-sidebar-toggle-icon{display:inline-flex;font-size:1.05rem}.topbar-sidebar-toggle-label{display:inline}.topbar-sidebar-toggle-caret{font-size:1.1rem;opacity:.8}.topbar-sidebar-toggle:hover{background:var(--accent);color:var(--text-inverse);transform:translateY(-1px);box-shadow:0 4px 14px rgba(var(--accent-rgb),.4)}.topbar-brand-dock{display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px;flex:0 0 auto;min-width:0;height:100%}.topbar-brand-btn{width:auto;padding:0;flex:0 0 auto;height:100%;display:inline-flex;align-items:center}.topbar-brand-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18em;line-height:1;white-space:nowrap;margin:0;height:100%}.topbar-brand-logo{--brand-size: 1.5rem}.topbar-brand-logo .brand-sub{display:inline-flex;align-items:center;gap:10px}.topbar-instrument-switch{display:flex;flex-direction:row;gap:4px;padding:4px;margin-top:0;width:auto;background:var(--panel-2);border:1px solid var(--accent);border-radius:12px;box-shadow:0 0 0 1px rgba(var(--accent-rgb),.25),0 2px 10px rgba(var(--accent-rgb),.15);flex:0 0 auto}.topbar-instrument-switch button{position:relative;isolation:isolate;width:auto;padding:8px 16px;border:1px solid var(--border);background:linear-gradient(180deg,var(--panel-2),var(--panel));color:var(--text, var(--text-soft));font-size:.85rem;font-weight:600;border-radius:8px;cursor:pointer;box-shadow:var(--inset-polish);transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease-snap),color var(--dur-fast) var(--ease-snap),border-color var(--dur-fast) var(--ease-snap),box-shadow var(--dur) var(--ease);letter-spacing:.01em;text-align:center;min-height:0;min-width:0;overflow:hidden}.topbar-instrument-switch button:hover:not(.active){background:linear-gradient(180deg,var(--panel-3),var(--panel-2));border-color:var(--accent-dim);color:var(--accent-soft-ink);transform:translateY(-1px);box-shadow:var(--inset-polish),0 0 0 3px var(--accent-glow-soft),0 6px 16px -8px rgba(var(--shadow-rgb),.5)}.topbar-instrument-switch button.active{background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent-soft) 38%,var(--accent) 75%,var(--accent) 100%);color:var(--text-inverse);border-color:rgba(var(--accent-bright-rgb),.55);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.55),inset 0 -8px 14px -10px rgba(var(--shadow-rgb),.45),0 8px 22px -6px rgba(var(--accent-rgb),.55),0 0 0 1px var(--accent-glow);text-shadow:0 1px 0 rgba(var(--accent-pale-rgb),.35)}.topbar-instrument-switch button.active:before{content:"";position:absolute;inset:1px 1px auto 1px;height:45%;border-radius:7px 7px 0 0;background:linear-gradient(180deg,rgba(var(--veil-hi-rgb),.28),rgba(var(--veil-hi-rgb),0));pointer-events:none;z-index:0}.topbar-instrument-switch button>*{position:relative;z-index:1}.topbar-midi-cta{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:auto;margin-top:0;padding:10px 22px;border:1px solid var(--accent);border-radius:13px;background:linear-gradient(135deg,var(--data-blue-surf-1) 0%,var(--panel) 100%);color:var(--text-soft);font-size:.96rem;font-weight:700;font-family:Cinzel,serif;letter-spacing:.07em;cursor:pointer;transition:border-color .15s,background .15s,color .15s,box-shadow .15s,transform .15s;flex:0 0 auto;box-shadow:0 0 0 1px rgba(var(--accent-rgb),.3),0 3px 14px rgba(var(--accent-rgb),.22);line-height:1.05}.topbar-midi-cta .midi-station-cta-icon{font-size:1.25rem;margin-bottom:0}.topbar-midi-cta-text{flex-direction:row;gap:4px}.topbar-midi-cta-text{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.topbar-midi-cta-line{display:block}.topbar-midi-cta:hover{border-color:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.45),0 2px 14px rgba(var(--accent-rgb),.3)}.topbar-midi-cta.active{border-color:var(--accent);background:linear-gradient(135deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.1));color:var(--accent-ink);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.55),0 2px 14px rgba(var(--accent-rgb),.35)}.search-stats{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:8px 2px 0;color:var(--muted);font-size:.78rem;letter-spacing:.02em}.search-stat{white-space:nowrap}.search-stat b{color:var(--text);font-weight:700;margin-right:3px}.search-stats-sep{color:var(--muted);opacity:.5}.topbar-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:auto}.topbar-docs-group{display:flex;flex-direction:column;gap:4px;flex:0 0 auto}.topbar-more{position:relative;flex:0 0 auto}.topbar-more-btn{display:inline-flex;align-items:center;justify-content:center;height:32px;min-width:34px;padding:0 8px;border-radius:999px;border:1px solid var(--border);background:rgba(var(--veil-hi-rgb),.03);color:var(--text-soft);font-size:.9rem;line-height:1;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.topbar-more-btn-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform .22s var(--ease, ease)}.topbar-more-btn.is-open .topbar-more-btn-icon{transform:rotate(45deg)}@media (prefers-reduced-motion: reduce){.topbar-more-btn-icon{transition:none}.topbar-more-btn.is-open .topbar-more-btn-icon{transform:none}}.topbar-more-btn:hover,.topbar-more-btn.is-open{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);color:var(--accent-ink)}.topbar-more-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:120;min-width:244px;padding:6px;max-height:calc(100dvh - var(--topbar-h-mesuree, var(--topbar-h, 56px)) - 16px);overflow-y:auto;overscroll-behavior:contain;border-radius:12px;border:1px solid var(--border);background:rgba(var(--bg-content-rgb),.98);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 40px -12px rgba(var(--shadow-rgb),.7);animation:fadein .14s ease-out}.topbar-more-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:none;color:var(--text-soft);font:inherit;font-size:.85rem;text-align:left;text-decoration:none;cursor:pointer;transition:background .14s ease,color .14s ease}.topbar-more-item:hover{background:rgba(var(--accent-rgb),.1);color:var(--text)}.topbar-more-item-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;flex:0 0 18px;color:var(--accent-ink)}.topbar-more-sep{height:1px;margin:6px 4px;background:var(--border-soft)}.topbar-more-section{margin:2px 0 4px;padding:0 10px;color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.topbar-more-langs{list-style:none;margin:0;padding:0}.topbar-more-lang.is-active{color:var(--accent-ink)}.topbar-more-check{margin-left:auto;color:var(--accent-ink);font-size:.8rem}.topbar-more-account{display:flex;flex-direction:column;gap:6px;padding:2px 10px 8px}.topbar-more-account-email{color:var(--text-soft);font-size:.82rem;line-height:1.25;overflow-wrap:anywhere}.topbar-more-account-out{align-self:flex-start;padding:4px 10px;border:1px solid var(--border-soft);border-radius:999px;background:none;color:var(--muted);font:inherit;font-size:.78rem;cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.topbar-more-account-out:hover{color:var(--text);border-color:var(--accent)}.topbar-auth-slot{display:flex;align-items:center;flex:0 0 auto}.topbar-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 12px;border-radius:999px;border:1px solid rgba(var(--accent-bright-rgb),.55);background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent-soft) 38%,var(--accent) 75%,var(--accent) 100%);color:var(--text-inverse);font-size:.9rem;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.55),inset 0 -8px 14px -10px rgba(var(--shadow-rgb),.45),0 6px 18px -6px rgba(var(--accent-rgb),.4),var(--shadow-sm);text-shadow:0 1px 0 rgba(var(--accent-pale-rgb),.35);overflow:hidden;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),filter var(--dur-fast) var(--ease-snap)}.topbar-btn:before{content:"";position:absolute;inset:1px 1px auto 1px;height:50%;border-radius:999px 999px 0 0;background:linear-gradient(180deg,rgba(var(--veil-hi-rgb),.32),rgba(var(--veil-hi-rgb),0));pointer-events:none;z-index:0;opacity:.9;transition:opacity var(--dur) var(--ease)}.topbar-btn>*{position:relative;z-index:1}.topbar-btn:hover{transform:translateY(-2px);filter:brightness(1.05) saturate(1.05);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.6),inset 0 -8px 14px -10px rgba(var(--shadow-rgb),.45),0 14px 30px -8px rgba(var(--accent-rgb),.6),0 0 0 4px var(--accent-glow-soft)}.topbar-btn:hover:before{opacity:1}.topbar-btn:active{transform:translateY(0) scale(.985);filter:brightness(.96)}.topbar-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(var(--veil-lo-rgb),.18);font-size:.95rem}.topbar-btn.is-open{background:var(--panel);color:var(--text);border-color:var(--border)}.topbar-btn.is-open .topbar-btn-icon{background:rgba(var(--veil-hi-rgb),.08)}.topbar-btn--feedback,.topbar-btn--maurisson,.topbar-btn--guides{background:var(--stage-btn-bg);border:1px solid var(--stage-btn-border);color:var(--stage-btn-text);text-shadow:0 1px 0 rgba(var(--shadow-rgb),.45);font-weight:500;letter-spacing:.035em;padding:7px 14px;font-size:.82rem;box-shadow:var(--stage-btn-shadow);gap:6px}.topbar-btn--feedback:before,.topbar-btn--maurisson:before,.topbar-btn--guides:before{display:none}.topbar-btn--guides{text-decoration:none}.topbar-btn--feedback .topbar-btn-icon,.topbar-btn--guides .topbar-btn-icon{background:transparent;width:18px;height:18px;font-size:inherit}.topbar-btn--feedback:hover,.topbar-btn--maurisson:hover,.topbar-btn--guides:hover{background:var(--stage-btn-bg-hover);border-color:var(--stage-btn-border-hover);color:var(--stage-btn-text-hover);filter:none;transform:translateY(-1px);box-shadow:var(--stage-btn-shadow-hover)}.topbar-btn--feedback:active,.topbar-btn--maurisson:active,.topbar-btn--guides:active{transform:translateY(0);filter:brightness(.95)}.sidebar-right{top:var(--topbar-h-mesuree, var(--topbar-h))}.home-stats{display:none}@container topbar (max-width: 1620px){.topbar{gap:12px}.topbar-actions{gap:7px}.topbar .topbar-instrument-switch button{padding:5px 9px;font-size:.8rem}}@container topbar (max-width: 1410px){.auth-pill--anon .auth-pill-sep,.auth-pill--anon .auth-pill-tertiary{display:none}.auth-pill{padding:6px 11px}.topbar .topbar-brand-logo{--brand-size: 1.35rem}.topbar .topbar-brand-logo .brand-main{letter-spacing:.11em}}@container topbar (max-width: 1340px){.topbar .topbar-instrument-switch .instrument-wip-badge{display:none}}@container topbar (max-width: 920px){.topbar{gap:10px;padding-right:14px}.topbar .topbar-midi-cta-text{display:none}.topbar .topbar-midi-cta{padding:7px 10px}}@container topbar (max-width: 1000px){.topbar .topbar-instrument-switch button{padding:4px 7px;font-size:.74rem}.topbar .topbar-brand-logo{--brand-size: 1.2rem}}@media (max-width: 640px){.topbar-btn{padding:7px 10px}.topbar-actions{gap:6px}.topbar-more-menu{min-width:210px}}.manual-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--veil-lo-rgb),.55);z-index:95;animation:fadein .15s ease-out}.manual-drawer{position:fixed;top:0;right:0;bottom:0;width:min(1100px,94vw);z-index:100;display:grid;grid-template-columns:260px 1fr;background:var(--bg-deep);border-left:1px solid var(--border-soft);box-shadow:-20px 0 60px rgba(var(--shadow-rgb),.6);transform:translate(100%);transition:transform .28s ease-out;pointer-events:none}.manual-drawer.open{transform:translate(0);pointer-events:auto}.manual-close{position:absolute;top:10px;right:12px;z-index:5;width:44px;height:44px;border-radius:999px;border:1px solid var(--border);background:rgba(var(--veil-lo-rgb),.55);color:var(--text);font-size:1.7rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s,border-color .15s,color .15s,transform .15s}.manual-close:hover{background:rgba(var(--accent-rgb),.18);border-color:var(--accent);color:var(--accent-ink)}.manual-close:active{transform:scale(.94)}.manual-nav{background:linear-gradient(180deg,var(--bg-sidebar),var(--bg-deep));border-right:1px solid var(--border-soft);display:flex;flex-direction:column;overflow:hidden;min-height:0}.manual-nav-header{padding:22px 20px 12px;border-bottom:1px solid var(--border-soft)}.manual-nav-kicker{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-ink);font-weight:700}.manual-nav-title{margin:4px 0 0;font-size:1.1rem;color:var(--text);line-height:1.2}.manual-search{display:flex;align-items:center;gap:8px;margin:12px 12px 6px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:rgba(var(--veil-lo-rgb),.22)}.manual-search input{flex:1 1 auto;min-width:0;background:transparent;border:0;color:var(--text);font-size:.86rem;outline:none}.manual-search input::placeholder{color:var(--muted)}.manual-search-icon{color:var(--muted);font-size:1rem}.manual-search-kbd{font-size:.66rem;padding:2px 6px;border-radius:4px;background:rgba(var(--veil-hi-rgb),.06);color:var(--muted);border:1px solid var(--border);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.manual-nav-list{list-style:none;margin:6px 0 0;padding:4px 6px 14px;flex:1 1 0;min-height:0;overflow-y:auto}.manual-nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px;margin-bottom:2px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.manual-nav-item:hover{background:rgba(var(--veil-hi-rgb),.04)}.manual-nav-item.is-active{background:linear-gradient(135deg,rgba(var(--accent-rgb),.14),rgba(var(--accent-rgb),.06));border-color:var(--accent-dim)}.manual-nav-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:rgba(var(--veil-lo-rgb),.3);color:var(--accent-ink);font-weight:700;font-size:.76rem;flex:0 0 auto}.manual-nav-item.is-active .manual-nav-number{background:var(--accent);color:#000}.manual-nav-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.manual-nav-text strong{font-size:.93rem;font-weight:600}.manual-nav-text small{color:var(--muted);font-size:.74rem;margin-top:2px}.manual-nav-footer{padding:10px 18px;border-top:1px solid var(--border-soft);color:var(--muted);font-size:.72rem;letter-spacing:.05em}.manual-content{overflow-y:auto;padding:48px 64px 80px;background:var(--bg-content);min-height:0;outline:none}.manual-article-header{padding-bottom:20px;margin-bottom:28px;border-bottom:1px solid var(--border-soft)}.manual-article-kicker{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-ink);font-weight:700;margin-bottom:6px}.manual-article-title{margin:0;font-size:2.2rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:14px;line-height:1.1}.manual-article-icon{font-size:2rem}.manual-article-subtitle{margin:10px 0 0;color:var(--muted);font-size:1.02rem}.manual-article-error{padding:14px 18px;border-radius:10px;background:rgba(var(--data-red-surf-4-rgb),.1);color:var(--data-red-ink-5);border:1px solid rgba(var(--data-red-surf-4-rgb),.3)}.manual-markdown{font-size:1rem;line-height:1.7;color:var(--text);max-width:780px}.manual-markdown h2{margin:40px 0 14px;font-size:1.45rem;color:var(--text);border-bottom:1px solid var(--border-soft);padding-bottom:6px}.manual-markdown h3{margin:28px 0 10px;font-size:1.15rem;color:var(--accent-ink)}.manual-markdown p{margin:12px 0}.manual-markdown ul,.manual-markdown ol{padding-left:22px;margin:12px 0}.manual-markdown li{margin:6px 0}.manual-markdown code{background:rgba(var(--veil-hi-rgb),.06);padding:2px 6px;border-radius:4px;font-size:.88em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.manual-markdown pre{background:rgba(var(--veil-lo-rgb),.35);padding:14px 16px;border-radius:10px;overflow-x:auto;border:1px solid var(--border-soft);font-size:.88rem}.manual-markdown pre code{background:transparent;padding:0}.manual-markdown a{color:var(--accent-ink)}.manual-markdown table{border-collapse:collapse;margin:16px 0;width:100%}.manual-markdown th,.manual-markdown td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-soft)}.manual-markdown th{color:var(--accent-ink);font-weight:700;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.manual-markdown .manual-tip{margin:20px 0;padding:14px 18px;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;background:rgba(var(--accent-rgb),.08);color:var(--text)}.manual-markdown .manual-tip p{margin:6px 0}.manual-screenshot{margin:22px 0;padding:0}.manual-screenshot img{width:100%;border-radius:12px;border:1px solid var(--border-soft);box-shadow:0 12px 36px rgba(var(--shadow-rgb),.45);background:rgba(var(--veil-lo-rgb),.3);display:block}.manual-screenshot figcaption{margin-top:8px;font-size:.82rem;color:var(--muted);text-align:center}.manual-image img{max-width:100%;border-radius:8px}@media (max-width: 900px){.manual-drawer{grid-template-columns:220px 1fr;width:100vw}.manual-content{padding:32px 24px 60px}.manual-article-title{font-size:1.7rem}}@media (max-width: 640px){.manual-drawer{grid-template-columns:1fr}.manual-nav{display:none}.manual-content{padding-right:60px}}@media (max-width: 900px){.song-card{padding:20px 18px 18px}.song-card h3{font-size:1.8rem}.view-mode-btn{padding:14px 12px;font-size:.9rem;gap:7px}}@media (max-width: 640px){.song-card{padding:14px 12px}.song-card h3{font-size:1.4rem}.view-mode-group{gap:4px;flex-wrap:wrap}.view-mode-btn{flex:1 1 calc(50% - 4px);min-width:0;padding:10px 8px;font-size:.75rem;gap:5px;white-space:nowrap}.view-mode-btn .lit-label{min-width:0}.song-transpose-bar{grid-template-columns:1fr;justify-items:center;gap:8px}.song-transpose-bar .song-transpose-spacer{display:none}.song-capo-mode{justify-self:center}.chordpro-body{font-size:.9rem}.chordpro-section-label{font-size:.7rem}.badges{flex-wrap:wrap;gap:6px}.badge{font-size:.72rem;padding:4px 9px}}@media (max-width: 640px){.home-progressions{padding:16px 12px 18px}.home-progressions-keychips{gap:3px}.home-progressions-keychip{padding:4px 7px;font-size:.78rem}.home-quote{padding:16px 14px}.home-quote blockquote{font-size:1.5rem}}@media (max-width: 640px){.filters-panel{max-width:100%}}.midi-player-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 18px;margin-bottom:14px;background:linear-gradient(135deg,#6366f114,#ec48990d);border:1px solid rgba(99,102,241,.22);border-radius:14px}.midi-player-header-title{flex:1 1 auto;min-width:0}.midi-player-song{font-size:1.65rem;font-weight:700;line-height:1.15;margin:0 0 4px;letter-spacing:-.01em}.midi-player-artist{font-size:1rem;opacity:.78;margin:0 0 4px}.midi-player-meta{font-size:.82rem;opacity:.62;margin:0}.song-midi-pill{display:inline-block;margin-left:6px;padding:1px 6px;font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,var(--data-blue-surf-4),var(--data-blue-surf-4));color:var(--surf-invert);border-radius:4px;vertical-align:middle}.midi-mini-player{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(var(--panel-rgb),.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(var(--data-blue-surf-4-rgb),.35);border-radius:14px;box-shadow:0 10px 30px rgba(var(--shadow-rgb),.35);color:var(--text)}.midi-mini-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;font-size:1rem;border:1px solid rgba(var(--veil-hi-rgb),.12);background:rgba(var(--veil-hi-rgb),.06);color:inherit;border-radius:8px;cursor:pointer;transition:background .15s}.midi-mini-btn:hover{background:rgba(var(--veil-hi-rgb),.12)}.midi-mini-btn.play{background:linear-gradient(135deg,var(--data-blue-surf-4),var(--data-blue-surf-4));border-color:transparent;color:var(--surf-invert);font-size:1.1rem}.midi-mini-btn.ghost{background:transparent}.midi-mini-info{display:flex;flex-direction:column;min-width:0;flex:0 0 auto;max-width:240px;cursor:pointer}.midi-mini-title{font-weight:600;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.midi-mini-artist{font-size:.78rem;opacity:.66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.midi-mini-progress-wrap{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0}.midi-mini-progress{flex:1 1 auto;height:6px;background:rgba(var(--veil-hi-rgb),.1);border-radius:3px;cursor:pointer;overflow:hidden}.midi-mini-progress-fill{height:100%;background:linear-gradient(90deg,var(--data-blue-surf-4),var(--data-red-surf-5));transition:width .1s linear}.midi-mini-time{font-size:.78rem;font-variant-numeric:tabular-nums;opacity:.78;white-space:nowrap}@media (max-width: 640px){.midi-mini-info{max-width:120px}.midi-mini-time{display:none}}.sf2-status-badge{position:fixed;bottom:12px;right:12px;z-index:200;padding:6px 14px;border-radius:var(--r-md, 8px);font-size:.8rem;font-weight:600;pointer-events:none;animation:sf2-fadein .3s ease}.sf2-status-loading{background:rgba(var(--panel-3-rgb),.92);color:var(--accent-ink, var(--accent-ink));border:1px solid rgba(var(--accent-rgb),.3)}.sf2-status-error{background:rgba(var(--data-red-surf-1-rgb),.92);color:var(--data-red-ink-3);border:1px solid rgba(var(--data-red-surf-7-rgb),.3)}@keyframes sf2-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.topbar-sidebar-stack{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.collection-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--veil-lo-rgb),.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:95;animation:fadein .18s ease-out}.collection-overlay{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:min(1100px,85vw);max-width:95vw;background:linear-gradient(180deg,var(--bg-sidebar) 0%,var(--bg-deep) 100%);border-right:1px solid var(--border-soft);box-shadow:8px 0 32px rgba(var(--shadow-rgb),.6);z-index:100;display:flex;flex-direction:column}.collection-overlay-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px;border-bottom:1px solid var(--border-soft)}.collection-overlay-title{display:flex;align-items:baseline;gap:12px;min-width:0}.collection-overlay-title h2{margin:0;font-size:1.3rem;letter-spacing:.02em;color:var(--accent-ink)}.collection-overlay-count{font-size:.85rem;color:var(--text-dim, var(--muted));font-variant-numeric:tabular-nums}.collection-overlay-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-soft);background:rgba(var(--veil-hi-rgb),.04);color:var(--text, var(--text-soft));font-size:1rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.collection-overlay-close:hover{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.collection-overlay-controls{flex:0 0 auto;padding:12px 20px 14px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--border-soft)}.collection-overlay-search{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border-soft);background:rgba(var(--veil-hi-rgb),.04);color:var(--text, var(--text));font-size:.95rem;outline:none;transition:border-color .15s,background .15s}.collection-overlay-search:focus{border-color:var(--accent);background:rgba(var(--accent-rgb),.06)}.collection-overlay-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.collection-overlay-field{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-dim, var(--muted));text-transform:uppercase;letter-spacing:.1em}.collection-overlay-field select{padding:5px 10px;border-radius:6px;border:1px solid var(--border-soft);background:rgba(var(--veil-hi-rgb),.04);color:var(--text, var(--text));font-size:.85rem;text-transform:none;letter-spacing:0;cursor:pointer}.collection-overlay-sort{display:inline-flex;gap:2px;border:1px solid var(--border-soft);border-radius:8px;overflow:hidden;background:rgba(var(--veil-hi-rgb),.03)}.collection-overlay-sort button{padding:6px 12px;border:0;background:transparent;color:var(--text-dim, var(--muted));font-size:.78rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background .12s,color .12s}.collection-overlay-sort button.is-active{background:var(--accent);color:var(--text-inverse)}.collection-overlay-sort button:not(.is-active):hover{background:rgba(var(--accent-rgb),.1);color:var(--accent-ink)}.collection-overlay-body-wrap{flex:1 1 0;min-height:0;display:flex;align-items:stretch;overflow:hidden}.collection-overlay-body{flex:1 1 0;min-width:0;min-height:0;overflow-y:auto;padding:14px 22px 28px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;align-content:start}.collection-overlay-body>.collection-group.is-expanded,.collection-overlay-body>.collection-group:not(.is-collapsible){grid-column:1 / -1}.collection-overlay-body>.collection-group{margin-top:0}.collection-alpha-index{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:1px;padding:10px 6px 10px 4px;border-left:1px solid var(--border-soft);background:rgba(var(--veil-hi-rgb),.015);-webkit-user-select:none;user-select:none;overflow-y:auto}.collection-alpha-letter{border:0;background:transparent;color:var(--text-dim, var(--muted));font-family:var(--font-mono);font-size:.68rem;font-weight:700;line-height:1;padding:3px 6px;min-width:22px;border-radius:4px;cursor:pointer;transition:background .1s,color .1s}.collection-alpha-letter:hover:not(.is-empty){background:rgba(var(--accent-rgb),.18);color:var(--accent-ink)}.collection-alpha-letter.is-empty{color:rgba(var(--veil-hi-rgb),.12);cursor:default}.collection-overlay-empty{text-align:center;padding:40px 0;color:var(--text-dim, var(--muted));font-style:italic}.collection-group{margin-top:14px}.collection-group:first-child{margin-top:4px}.collection-group-title{position:sticky;top:-10px;z-index:1;margin:0 0 8px;padding:8px 0 6px;background:linear-gradient(180deg,rgba(var(--bg-deep-rgb),.98),rgba(var(--bg-deep-rgb),.92) 80%,rgba(var(--bg-deep-rgb),0));display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink)}.collection-group-count{font-weight:500;color:var(--text-dim, var(--muted));font-size:.7rem}.collection-group-toggle{position:relative;width:100%;border:1px solid rgba(var(--accent-rgb),.18);background:linear-gradient(180deg,rgba(var(--veil-hi-rgb),.04),rgba(var(--veil-hi-rgb),.015));cursor:pointer;padding:12px 14px 12px 16px;border-radius:10px;color:var(--accent-ink);display:flex;align-items:center;gap:10px;text-align:left;font:inherit;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background .15s,border-color .15s,transform .12s,box-shadow .15s;overflow:hidden}.collection-group-toggle:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.9),rgba(var(--accent-rgb),.3));opacity:0;transition:opacity .18s}.collection-group-toggle:hover{background:linear-gradient(180deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.04));border-color:rgba(var(--accent-rgb),.45);transform:translateY(-1px);box-shadow:0 4px 14px rgba(var(--shadow-rgb),.35),0 0 0 1px rgba(var(--accent-rgb),.15)}.collection-group-toggle:hover:before{opacity:1}.collection-group.is-expanded .collection-group-toggle{border-color:rgba(var(--accent-rgb),.6);background:linear-gradient(180deg,rgba(var(--accent-rgb),.14),rgba(var(--accent-rgb),.04));box-shadow:0 0 0 1px rgba(var(--accent-rgb),.25),0 4px 16px rgba(var(--shadow-rgb),.4)}.collection-group.is-expanded .collection-group-toggle:before{opacity:1}.collection-group-arrow{flex:0 0 auto;width:14px;color:var(--accent-ink);font-size:.85rem;transition:transform .2s;display:inline-flex;align-items:center;justify-content:center}.collection-group.is-expanded .collection-group-arrow{transform:rotate(0)}.collection-group-toggle .collection-group-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:3px 10px;background:rgba(var(--accent-rgb),.15);border:1px solid rgba(var(--accent-rgb),.35);border-radius:999px;color:var(--accent-ink);font-size:.72rem;font-weight:700;letter-spacing:.04em}.collection-group.is-expanded .collection-group-toggle .collection-group-count{background:rgba(var(--accent-rgb),.3);border-color:rgba(var(--accent-rgb),.6);color:var(--text-inverse)}.collection-group-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-group.is-collapsible{margin-top:6px}.collection-group.is-collapsible h3.collection-group-title{position:static;background:none;padding:0;margin:0}.collection-group.is-collapsible.is-expanded .collection-grid{margin-top:8px}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px}.collection-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;min-width:0;background:rgba(var(--veil-hi-rgb),.025);border:1px solid rgba(var(--veil-hi-rgb),.05);border-radius:8px;cursor:pointer;text-align:left;color:var(--text, var(--text-soft));font:inherit;transition:background .12s,border-color .12s,transform .12s}.collection-card:hover{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.35);transform:translateY(-1px)}.collection-card.is-selected{background:rgba(var(--accent-rgb),.14);border-color:var(--accent)}.collection-card-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.collection-card-title{font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-card-artist{font-size:.72rem;color:var(--text-dim, var(--muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-card-meta{flex:0 0 auto;display:flex;align-items:center;gap:6px}.collection-card-key{display:inline-block;padding:2px 7px;border-radius:10px;background:rgba(var(--accent-rgb),.18);border:1px solid rgba(var(--accent-rgb),.35);color:var(--accent-ink);font-size:.7rem;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums}.collection-card-midi{display:inline-block;padding:2px 6px;border-radius:10px;background:rgba(var(--data-blue-surf-8-rgb),.15);border:1px solid rgba(var(--data-blue-surf-8-rgb),.4);color:var(--data-blue-ink-3);font-size:.62rem;font-weight:700;letter-spacing:.08em}@media (max-width: 640px){.collection-grid{grid-template-columns:1fr}.collection-overlay{width:100vw}}.auth-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:rgba(var(--bg-deep-rgb),.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.auth-modal-panel{background:var(--panel, var(--panel));color:var(--text, var(--text));border:1px solid var(--border, var(--border));border-radius:var(--r-lg, 16px);box-shadow:0 32px 80px rgba(var(--shadow-rgb),.55),0 0 0 1px rgba(var(--accent-rgb),.08) inset;max-width:520px;width:100%;padding:32px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto}.auth-modal-panel--welcome{position:relative;max-width:660px;padding:34px 34px 30px;background:radial-gradient(120% 80% at 50% -10%,rgba(var(--accent-rgb),.16),transparent 60%),linear-gradient(180deg,rgba(var(--panel-rgb),.96),rgba(var(--bg-content-rgb),.97));border:1px solid rgba(var(--accent-rgb),.28);box-shadow:0 36px 90px rgba(var(--shadow-rgb),.6),0 0 0 1px rgba(var(--accent-rgb),.06) inset,0 0 60px rgba(var(--accent-rgb),.06) inset;-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2)}.auth-modal-panel--welcome:before{content:"";position:absolute;top:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-bright-rgb),.55),transparent);pointer-events:none}.auth-modal-panel--login{max-width:460px}@media (max-width: 600px){.auth-modal-backdrop{padding:12px}.auth-modal-panel{padding:22px 20px;border-radius:14px}}.auth-welcome-hero{margin-bottom:22px}.auth-welcome-title{margin:0 0 8px;font-size:28px;font-weight:700;letter-spacing:-.015em;background:linear-gradient(135deg,var(--accent-invert) 0%,var(--accent-soft, var(--accent-soft)) 38%,var(--accent, var(--accent)) 70%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent-soft-ink, var(--accent-soft-ink))}.auth-welcome-kicker{margin:0;font-size:15px;color:var(--text-soft, var(--text-soft));line-height:1.55}.auth-welcome-features ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:12px}.auth-welcome-features li{position:relative;display:grid;grid-template-columns:44px 1fr;align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.06),rgba(var(--accent-rgb),.03));border:1px solid rgba(var(--accent-rgb),.14);border-radius:12px;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.auth-welcome-features li:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(var(--accent-bright-rgb),.1) 50%,transparent 70%);transform:translate(-120%);pointer-events:none}.auth-welcome-features li:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.36);box-shadow:0 10px 26px rgba(var(--shadow-rgb),.32),0 0 0 1px rgba(var(--accent-rgb),.1) inset}.auth-welcome-features li:hover:after{transform:translate(120%);transition:transform .7s ease}.auth-welcome-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:11px;color:var(--accent-bright-ink, var(--accent-bright-ink));background:radial-gradient(80% 80% at 50% 20%,rgba(var(--accent-bright-rgb),.22),rgba(var(--accent-rgb),.06)),rgba(var(--accent-rgb),.05);border:1px solid rgba(var(--accent-rgb),.22);box-shadow:0 1px rgba(var(--text-warm-rgb),.12) inset}.auth-welcome-feature-icon svg{width:22px;height:22px;display:block}.auth-welcome-feature-body{display:grid;gap:3px;min-width:0}.auth-welcome-feature-body strong{font-size:14.5px;color:var(--accent-soft-ink, var(--accent-soft-ink));font-weight:600}.auth-welcome-feature-body span{font-size:14px;color:var(--text-soft, var(--text-soft));line-height:1.55}.auth-welcome-manual{margin:0 0 18px;padding:14px 16px;border:1px solid rgba(var(--accent-rgb),.16);border-left:3px solid var(--accent, var(--accent));background:linear-gradient(180deg,rgba(var(--accent-rgb),.08),rgba(var(--accent-rgb),.03));border-radius:12px;font-size:14px;color:var(--text-soft, var(--text-soft));line-height:1.6}.auth-welcome-manual strong{color:var(--accent-bright-ink, var(--accent-bright-ink))}.auth-welcome-manual-link{background:none;border:none;padding:0;font:inherit;color:var(--accent-bright-ink, var(--accent-bright-ink));text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .16s ease}.auth-welcome-manual-link:hover{color:var(--text-warm)}.auth-welcome-gift{margin:0 0 26px;padding-top:18px;border-top:1px solid rgba(var(--accent-rgb),.14);font-size:14px;color:var(--text-soft, var(--text-soft));line-height:1.6}.auth-welcome-gift strong{color:var(--accent-soft-ink, var(--accent-soft-ink))}.auth-welcome-cta{display:flex;justify-content:center}.auth-welcome-cta .auth-btn--primary{position:relative;overflow:hidden;background:var(--stage-btn-bg-active, linear-gradient(180deg, var(--accent-bright) 0%, var(--accent-soft) 28%, var(--accent) 62%, var(--accent-dim) 100%));box-shadow:0 6px 20px rgba(var(--accent-rgb),.34),0 0 0 1px rgba(var(--text-warm-rgb),.2) inset}.auth-welcome-cta .auth-btn--primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(var(--veil-hi-rgb),.45) 50%,transparent 65%);transform:translate(-120%);pointer-events:none}.auth-welcome-cta .auth-btn--primary:hover:not(:disabled){box-shadow:0 9px 26px rgba(var(--accent-rgb),.46),0 0 0 1px rgba(var(--text-warm-rgb),.28) inset}.auth-welcome-cta .auth-btn--primary:hover:not(:disabled):after{transform:translate(120%);transition:transform .75s ease}@media (prefers-reduced-motion: reduce){.auth-welcome-features li,.auth-welcome-features li:after,.auth-welcome-cta .auth-btn--primary:after{transition:none}.auth-welcome-features li:hover{transform:none}.auth-welcome-features li:hover:after,.auth-welcome-cta .auth-btn--primary:hover:not(:disabled):after{transform:translate(-120%)}}.auth-login-header{margin-bottom:20px}.auth-login-title{margin:0 0 6px;font-size:22px;font-weight:700;color:var(--text, var(--text))}.auth-login-subtitle{margin:0;font-size:14px;color:var(--text-soft, var(--text-soft));line-height:1.55}.auth-login-form{display:grid;gap:16px}.auth-login-mail-sent{margin:0;padding:14px;background:rgba(var(--data-green-surf-6-rgb),.08);border:1px solid rgba(var(--data-green-surf-6-rgb),.25);border-radius:10px;color:var(--text-soft, var(--text-soft));font-size:14px;line-height:1.55;text-align:center}.auth-login-mail-sent strong{color:var(--ok, var(--data-green-ink-2))}.auth-field{display:grid;gap:6px}.auth-field-label{font-size:13px;font-weight:600;color:var(--text-soft, var(--text-soft));letter-spacing:.01em}.auth-field input{background:rgba(var(--veil-hi-rgb),.04);border:1px solid var(--border, var(--border));color:var(--text, var(--text));border-radius:10px;padding:12px 14px;font-size:15px;width:100%;outline:none;transition:border-color .16s ease,background .16s ease}.auth-field input:focus{border-color:var(--accent, var(--accent));background:rgba(var(--accent-rgb),.05)}.auth-field-code{text-align:center;letter-spacing:6px;font-size:20px!important;font-family:ui-monospace,SF Mono,Menlo,monospace;text-transform:uppercase}.auth-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--text-soft, var(--text-soft));line-height:1.45;cursor:pointer}.auth-checkbox input{margin-top:2px;accent-color:var(--accent, var(--accent));width:16px;height:16px;flex:0 0 16px}.auth-error{margin:0;padding:10px 12px;background:rgba(var(--data-red-surf-4-rgb),.1);border:1px solid rgba(var(--data-red-surf-4-rgb),.3);border-radius:8px;color:var(--data-red-ink-5);font-size:13.5px}.auth-fineprint{margin:4px 0 0;font-size:12px;color:var(--muted, var(--data-blue-ink-1));line-height:1.5}.auth-link{background:none;border:none;padding:0;font:inherit;color:var(--accent-soft-ink, var(--accent-soft-ink));cursor:pointer;text-decoration:underline;font-size:13.5px}.auth-link:hover{color:var(--accent-bright-ink, var(--accent-bright-ink))}.auth-link:disabled{opacity:.5;cursor:not-allowed}.auth-login-secondary{text-align:center;font-size:13px;color:var(--muted, var(--data-blue-ink-1))}.auth-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:600;border-radius:10px;padding:10px 16px;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,background .16s ease,box-shadow .16s ease}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn--primary{background:linear-gradient(180deg,var(--accent-soft, var(--accent-soft)),var(--accent, var(--accent)));color:var(--text-inverse);box-shadow:0 4px 14px rgba(var(--accent-rgb),.28)}.auth-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px rgba(var(--accent-rgb),.38)}.auth-btn--lg{padding:13px 22px;font-size:15px;width:100%}.auth-btn--sm{padding:7px 12px;font-size:13px}.auth-btn--google{background:var(--surf-invert);color:var(--text-inverse);border:1px solid rgba(var(--veil-lo-rgb),.08);box-shadow:0 1px 3px rgba(var(--shadow-rgb),.18)}.auth-btn--google:hover:not(:disabled){background:var(--surf-invert);transform:translateY(-1px);box-shadow:0 3px 8px rgba(var(--shadow-rgb),.22)}.auth-btn--google svg{display:block}.auth-divider{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted, var(--data-blue-ink-1));text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";flex:1 1 0;height:1px;background:rgba(var(--veil-hi-rgb),.08)}.auth-divider span{padding:0 2px}.auth-link--block{display:block;text-align:center;padding:6px 0;text-decoration:none;font-size:14px;width:100%}.auth-link--block:hover{text-decoration:underline}.auth-link--dim{color:var(--muted, var(--data-blue-ink-1));font-size:13px}.auth-link--dim:hover{color:var(--text-soft, var(--text-soft))}.auth-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font:inherit;font-size:13px;font-weight:600;letter-spacing:.01em;cursor:pointer;border:1px solid var(--border, var(--border));background:rgba(var(--veil-hi-rgb),.03);color:var(--text-soft, var(--text-soft));transition:border-color .18s ease,background .18s ease,transform .12s ease,box-shadow .18s ease}.auth-pill:hover{border-color:var(--accent, var(--accent));background:rgba(var(--accent-rgb),.08);color:var(--text, var(--text))}.auth-pill--anon.is-emphasized{border-color:var(--accent, var(--accent));background:rgba(var(--accent-rgb),.16);color:var(--accent-bright-ink, var(--accent-bright-ink));box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12);animation:authPillPulse 2.4s ease-in-out infinite}@keyframes authPillPulse{0%,to{box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)}50%{box-shadow:0 0 0 6px rgba(var(--accent-rgb),.2)}}.auth-pill-icon{color:var(--accent-ink, var(--accent-ink));font-weight:700}.auth-pill-sep{color:var(--muted, var(--data-blue-ink-1));font-weight:400}.auth-pill-tertiary{font-weight:400;color:var(--muted, var(--data-blue-ink-1))}.auth-pill--signed{border-color:rgba(var(--data-green-surf-6-rgb),.35);background:rgba(var(--data-green-surf-6-rgb),.06);color:var(--text, var(--text));cursor:default}.auth-pill--signed:hover{background:rgba(var(--data-green-surf-6-rgb),.06);border-color:rgba(var(--data-green-surf-6-rgb),.35)}.auth-pill-email{font-weight:500;font-size:12.5px}.auth-pill-logout{margin-left:2px;background:none;border:none;cursor:pointer;color:var(--muted, var(--data-blue-ink-1));font-size:14px;padding:0 4px;line-height:1}.auth-pill-logout:hover{color:var(--text, var(--text))}.auth-pill--topbar{margin:0}.topbar-brand-stack{display:flex;flex-direction:column;align-items:center;gap:4px}.home-sitemap{margin:48px auto 0;padding:0 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px;font-size:11.5px;font-weight:300;letter-spacing:.06em;text-transform:uppercase;text-align:center;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.home-sitemap-link{color:rgba(var(--data-blue-ink-1-rgb),.55);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.home-sitemap-link:hover{color:rgba(var(--accent-ink-rgb),.85);border-bottom-color:rgba(var(--accent-rgb),.4)}@media (max-width: 640px){.home-sitemap{font-size:11px;gap:6px 14px}}.home-footer{margin:40px auto 28px;padding:14px 24px 0;border-top:1px solid rgba(var(--veil-hi-rgb),.045);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;font-size:11.5px;font-weight:300;letter-spacing:.06em;color:rgba(var(--data-blue-ink-1-rgb),.55);text-align:center;text-transform:uppercase;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.home-footer-link{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.home-footer-link:hover{color:rgba(var(--accent-ink-rgb),.85);border-bottom-color:rgba(var(--accent-rgb),.4)}.home-footer-sep{color:rgba(var(--data-blue-ink-1-rgb),.25);font-weight:400}@media (max-width: 640px){.home-footer{font-size:11px;letter-spacing:.04em;gap:6px;padding:14px 16px 0;margin-top:48px}}.auth-magiclink-toast{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:950;padding:12px 20px;border-radius:999px;font-size:14px;font-weight:600;box-shadow:0 8px 24px rgba(var(--shadow-rgb),.4);animation:authToastIn .28s cubic-bezier(.22,1,.36,1)}.auth-magiclink-toast--ok{background:linear-gradient(180deg,rgba(var(--data-green-surf-6-rgb),.96),rgba(var(--data-green-surf-6-rgb),.96));color:var(--data-green-ink-1);border:1px solid rgba(var(--data-green-surf-6-rgb),.6)}.auth-magiclink-toast--invalid,.auth-magiclink-toast--google_error{background:linear-gradient(180deg,rgba(var(--data-red-surf-4-rgb),.92),rgba(var(--data-red-surf-2-rgb),.92));color:var(--text);border:1px solid rgba(var(--data-red-surf-4-rgb),.5)}@keyframes authToastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 720px){.auth-pill{font-size:12.5px;padding:6px 12px}.auth-pill-tertiary,.auth-pill-sep{display:none}}.auth-discovery-banner{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:900;display:flex;align-items:center;gap:14px;padding:10px 14px 10px 18px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.1));border:1px solid rgba(var(--accent-rgb),.4);border-radius:999px;color:var(--text, var(--text));font-size:13.5px;box-shadow:0 8px 28px rgba(var(--shadow-rgb),.4);max-width:calc(100vw - 24px)}.auth-discovery-banner-text strong{color:var(--accent-bright-ink, var(--accent-bright-ink))}@media (max-width: 640px){.auth-discovery-banner{flex-direction:column;align-items:stretch;border-radius:14px;padding:10px 12px;text-align:center;gap:8px;left:8px;right:8px;transform:none;max-width:none}}@media (max-width: 900px){.app-shell .topbar{left:0!important}}@media (max-width: 960px){.topbar-btn--maurisson{display:none!important}}@media (max-width: 1100px) and (min-width: 961px){.topbar-btn--maurisson{display:inline-flex}}@media (max-width: 640px){.auth-pill--sidebar{font-size:12px;padding:6px 10px}.auth-pill-tertiary,.auth-pill-sep{display:none}.auth-modal-panel--welcome{padding:24px 18px 20px;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}.auth-welcome-title{font-size:24px}.auth-welcome-features li{grid-template-columns:38px 1fr;gap:12px;padding:12px 14px}.auth-welcome-feature-icon{width:38px;height:38px;border-radius:10px}.auth-welcome-feature-icon svg{width:20px;height:20px}.auth-welcome-feature-body span{font-size:13.5px}}@media (max-width: 640px){.manual-drawer.open{transform:translate(0)!important}.manual-drawer{width:100vw!important;border-left:0;grid-template-columns:1fr!important;grid-template-rows:auto 1fr!important}.manual-nav{display:flex!important;flex-direction:row!important;align-items:stretch;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:10px 12px!important;gap:8px;border-right:0!important;border-bottom:1px solid var(--border-soft);max-height:none;flex:0 0 auto;scrollbar-width:thin}.manual-nav-header,.manual-search,.manual-nav-footer{display:none!important}.manual-nav-list{display:flex!important;flex-direction:row;gap:8px;margin:0!important;padding:0!important;list-style:none;flex:0 0 auto}.manual-nav-list li{display:flex}.manual-nav-item{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;flex:0 0 auto;padding:8px 14px!important;border-radius:999px!important;border:1px solid var(--border-soft)!important;background:rgba(var(--veil-hi-rgb),.03)!important;color:var(--text-soft)!important;cursor:pointer;white-space:nowrap}.manual-nav-item.is-active{border-color:var(--accent)!important;background:rgba(var(--accent-rgb),.16)!important;color:var(--accent-bright-ink)!important}.manual-nav-number{font-size:.7rem;opacity:.7;font-variant-numeric:tabular-nums}.manual-nav-text strong{font-size:.85rem;font-weight:600}.manual-nav-text small{display:none}.manual-content{padding:18px 18px 60px!important;overflow-y:auto}.manual-article-title,.manual-content h1{font-size:1.5rem!important;line-height:1.3!important}.manual-content h2{font-size:1.15rem!important;margin-top:1.6em}.manual-content p,.manual-content li{font-size:.95rem;line-height:1.55}.manual-close{top:8px!important;right:10px!important;width:38px!important;height:38px!important;z-index:10}}.auth-modal-panel--legal{max-width:640px}.legal-header{margin-bottom:18px}.legal-title{margin:0 0 4px;font-size:20px;font-weight:700;color:var(--text, var(--text))}.legal-kicker{margin:0;font-size:13px;color:var(--muted, var(--data-blue-ink-1))}.legal-updated{font-style:italic}.legal-section{margin:0 0 18px}.legal-section h3{margin:0 0 6px;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-soft-ink, var(--accent-soft-ink))}.legal-section p{margin:0 0 8px;font-size:13.5px;line-height:1.55;color:var(--text-soft, var(--text-soft))}.legal-section a{color:var(--accent-bright-ink, var(--accent-bright-ink));text-decoration:underline}.legal-section code{background:rgba(var(--veil-hi-rgb),.06);padding:1px 5px;border-radius:4px;font-size:12px;font-family:ui-monospace,SF Mono,Menlo,monospace}.legal-footer{display:flex;justify-content:flex-end;margin-top:14px;padding-top:14px;border-top:1px solid rgba(var(--veil-hi-rgb),.06)}.home-footer-btn{background:none;border:none;padding:0;font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;text-transform:inherit}.home-footer-portal.home-footer-portal{text-decoration:none;color:var(--accent-soft-ink, var(--accent-soft-ink));transition:color .2s ease}.home-footer-portal.home-footer-portal:hover{color:var(--accent-bright-ink, var(--accent-bright-ink))}@media (max-width: 640px){.home-footer-portal{flex-basis:100%;text-align:center;margin-top:4px}}.theme-toggle{flex:none;display:inline-flex;align-items:center;padding:0;border:0;background:none;cursor:pointer;line-height:0}.theme-toggle-track{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:52px;height:26px;padding:0 6px;border-radius:999px;border:1px solid var(--stage-btn-border);background:var(--stage-btn-bg);box-shadow:var(--stage-btn-shadow);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.theme-toggle:hover .theme-toggle-track{border-color:var(--stage-btn-border-hover);box-shadow:var(--stage-btn-shadow-hover)}.theme-toggle:focus-visible{outline:none}.theme-toggle:focus-visible .theme-toggle-track{box-shadow:0 0 0 3px var(--accent-glow)}.theme-toggle-icon{position:relative;z-index:1;display:inline-flex;color:var(--muted);transition:color var(--dur) var(--ease),opacity var(--dur) var(--ease)}.theme-toggle-icon--sun{opacity:.45}.theme-toggle-icon--moon,.theme-toggle.is-light .theme-toggle-icon--sun{color:var(--text-inverse);opacity:1}.theme-toggle.is-light .theme-toggle-icon--moon{color:var(--muted);opacity:.45}.theme-toggle-knob{position:absolute;top:50%;left:3px;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:linear-gradient(180deg,var(--accent-soft) 0%,var(--accent) 55%,var(--accent-dim) 100%);box-shadow:0 1px 3px rgba(var(--shadow-rgb),.45),inset 0 1px rgba(var(--glint-rgb),.35);transform:translate(26px);transition:transform var(--dur) var(--ease-snap),background var(--dur) var(--ease)}.theme-toggle.is-light .theme-toggle-knob{transform:translate(0)}.theme-toggle:active .theme-toggle-knob{width:24px;border-radius:999px}@media (prefers-reduced-motion: reduce){.theme-toggle-knob{transition:none}}@media (max-width: 1100px){.theme-toggle-track{width:44px;height:24px;padding:0 5px}.theme-toggle-knob{width:18px;height:18px;margin-top:-9px;transform:translate(22px)}.theme-toggle.is-light .theme-toggle-knob{transform:translate(0)}}.lang-switcher{position:relative;display:inline-flex;align-items:center}.lang-switcher-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:30px;padding:0;background:transparent;border:1px solid rgba(var(--accent-bright-rgb),.22);border-radius:6px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.lang-switcher-btn:hover{background:rgba(var(--surf-warm-deep-rgb),.55);border-color:rgba(var(--accent-bright-rgb),.55);transform:translateY(-1px)}.lang-switcher-btn:focus-visible{outline:2px solid var(--accent-bright, var(--accent-bright));outline-offset:2px}.lang-switcher-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:200;margin:0;padding:4px;list-style:none;background:var(--bg-elev, var(--bg-content));border:1px solid rgba(var(--accent-bright-rgb),.25);border-radius:8px;box-shadow:0 8px 24px rgba(var(--shadow-rgb),.35);min-width:150px}.lang-switcher-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:transparent;border:0;border-radius:5px;color:var(--text, var(--text-warm));font-size:.85rem;cursor:pointer;text-align:left}.lang-switcher-item:hover{background:rgba(var(--accent-bright-rgb),.08)}.lang-switcher-item.is-active{background:rgba(var(--accent-bright-rgb),.14);color:var(--accent-bright-ink, var(--accent-bright-ink))}@media (max-width: 640px){.lang-switcher-btn{width:30px;height:28px}}.instrument-side-panel{position:fixed;top:var(--topbar-h, 140px);right:0;bottom:0;width:420px;background:var(--bg-content, var(--bg-content));border-left:1px solid var(--border, var(--border));z-index:40;display:flex;flex-direction:column;box-shadow:-8px 0 24px rgba(var(--shadow-rgb),.35)}.instrument-side-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-soft, var(--border-soft));flex-shrink:0;background:var(--panel, var(--panel))}.instrument-side-panel-title{font-weight:600;font-size:.95rem;letter-spacing:.02em;color:var(--text, var(--text))}.instrument-side-panel-home{background:transparent;border:none;color:var(--accent-ink, var(--accent-ink));font-size:.82rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .15s ease,color .15s ease;flex:1;text-align:left}.instrument-side-panel-home:hover{background:rgba(var(--accent-rgb),.1);color:var(--accent-bright-ink, var(--accent-bright-ink))}.instrument-side-panel-close{background:transparent;border:1px solid var(--border, var(--border));color:var(--text-soft, var(--text-soft));width:32px;height:32px;border-radius:999px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s ease,border-color .15s ease,color .15s ease}.instrument-side-panel-close:hover{background:var(--panel-3, var(--panel-3));border-color:var(--border-strong, var(--data-blue-surf-1));color:var(--accent-bright-ink, var(--accent-bright-ink))}.instrument-side-panel-body{flex:1 1 auto;overflow-y:auto;padding:16px}@media (min-width: 1100px){.content.has-instrument-panel{padding-right:420px}}@media (max-width: 1099px){.instrument-side-panel{top:0;width:100%;z-index:60}}.sax-hub-card{position:relative;padding:24px 28px;margin:24px 0;background:linear-gradient(180deg,var(--panel) 0%,var(--bg-sidebar) 100%);border:1px solid var(--border);border-radius:18px;overflow:hidden}.sax-hub-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent) 50%,var(--accent) 100%);border-radius:0 3px 3px 0}.sax-hub-header{margin-bottom:20px}.sax-hub-kicker{font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.25em;color:var(--accent-ink);margin-bottom:4px}.sax-hub-title{font-family:Cinzel,serif;font-size:1.6rem;font-weight:600;color:var(--accent-ink);margin:0 0 6px}.sax-hub-subtitle{color:var(--text-dim);font-size:.92rem;margin:0;max-width:560px}.sax-hub-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.sax-block-saxos,.sax-block-transpose{grid-column:span 6}.sax-block-comparator,.sax-block-diagram,.sax-block-cheatsheet{grid-column:1 / -1}.sax-block-modes{grid-column:span 8}.sax-block-range{grid-column:span 4}.sax-block-bangers,.sax-block-riffs,.sax-block-styles,.sax-block-saxists,.sax-block-calculator{grid-column:1 / -1}@media (max-width: 900px){.sax-hub-grid{grid-template-columns:1fr}.sax-block-saxos,.sax-block-transpose,.sax-block-comparator,.sax-block-diagram,.sax-block-cheatsheet,.sax-block-modes,.sax-block-range,.sax-block-bangers,.sax-block-calculator{grid-column:1 / -1}}.sax-block{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.sax-block-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sax-block-title{font-family:Cinzel,serif;font-size:.95rem;font-weight:600;color:var(--accent-ink);margin:0;letter-spacing:.04em}.sax-block-actions{display:flex;gap:6px}.sax-scope-toggle,.sax-reset-btn{background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);font-size:.75rem;padding:4px 10px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.sax-scope-toggle:hover,.sax-reset-btn:hover{border-color:var(--accent-dim);color:var(--accent-ink)}.sax-scope-toggle.is-on{background:rgba(var(--accent-rgb),.12);border-color:var(--accent);color:var(--accent-ink)}.sax-reset-btn{padding:4px 8px;font-size:.9rem;min-width:28px}.sax-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sax-selector-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;text-align:left;transition:all .15s}.sax-selector-btn:hover{border-color:var(--accent)}.sax-selector-btn.is-active{background:linear-gradient(135deg,rgba(var(--accent-rgb),.15),rgba(var(--accent-rgb),.25));border-color:var(--accent);box-shadow:0 2px 8px rgba(var(--accent-rgb),.15)}.sax-selector-btn.is-foreign{opacity:.6}.sax-selector-btn.is-foreign:hover{opacity:1}.sax-selector-name{font-family:Cinzel,serif;font-size:.98rem;font-weight:600;color:var(--text)}.sax-selector-btn.is-active .sax-selector-name{color:var(--accent-ink)}.sax-selector-pitch{font-size:.72rem;color:var(--text-dim);letter-spacing:.05em}.sax-active-desc{font-size:.82rem;color:var(--text-dim);margin:4px 0 0;line-height:1.4;font-style:italic}.sax-transpose-readout{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:rgba(var(--veil-lo-rgb),.25);border-radius:10px;border:1px solid var(--border)}.sax-transpose-line{display:flex;align-items:baseline;gap:10px}.sax-transpose-label{font-size:.75rem;color:var(--text-dim);letter-spacing:.04em}.sax-transpose-key{font-family:Cinzel,serif;font-size:1.8rem;font-weight:600;letter-spacing:.02em}.sax-transpose-key-concert{color:var(--text)}.sax-transpose-key-written{color:var(--accent-ink)}.sax-transpose-arrow{font-size:1.2rem;color:var(--accent-ink);line-height:1}.sax-transpose-quick{margin-top:8px;padding-top:10px;border-top:1px dashed var(--border)}.sax-transpose-quick-label{font-size:.75rem;color:var(--text-dim);letter-spacing:.04em;margin-bottom:6px}.sax-transpose-quick-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.sax-transpose-btn{flex:0 1 auto;padding:6px 10px;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.82rem;cursor:pointer;transition:all .15s;white-space:nowrap}.sax-transpose-btn:hover{border-color:var(--accent);color:var(--accent-ink);background:rgba(var(--accent-rgb),.08)}.sax-transpose-current{flex:0 0 auto;min-width:36px;text-align:center;font-family:Cinzel,serif;font-weight:600;font-size:.9rem;color:var(--accent-ink);padding:0 6px}.sax-transpose-hint{margin:8px 0 0;font-size:.76rem;color:var(--text-dim);line-height:1.4;font-style:italic}.sax-mode-toggle{display:flex;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:2px;gap:2px}.sax-mode-btn{padding:4px 10px;background:transparent;border:none;border-radius:6px;color:var(--text-dim);font-size:.76rem;cursor:pointer;transition:all .15s}.sax-mode-btn:hover{color:var(--accent-ink)}.sax-mode-btn.is-active{background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:var(--text-inverse)}.sax-diagram-wrap{display:flex;justify-content:center;padding:8px 0}.sax-scale-row{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px dashed var(--border)}.sax-scale-label{font-size:.76rem;color:var(--text-dim);letter-spacing:.04em}.sax-scale-notes{display:flex;flex-wrap:wrap;gap:6px}.sax-scale-note{display:inline-block;padding:6px 14px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.3);border-left-width:4px;border-radius:9px;font-family:Cinzel,serif;font-size:.95rem;color:var(--accent-ink);font-weight:600;cursor:pointer;transition:all .18s}.sax-scale-note:hover{background:rgba(var(--accent-rgb),.18);transform:translateY(-1px)}.sax-scale-note.is-selected{background:linear-gradient(135deg,var(--accent-bright),var(--accent) 60%,var(--accent-dim));color:var(--text-inverse);border-color:var(--accent-invert);border-width:2px;border-left-width:4px;font-weight:800;transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(var(--shadow-rgb),.35),0 0 0 1px rgba(var(--text-warm-rgb),.4),0 0 14px rgba(var(--accent-bright-rgb),.55);text-shadow:0 1px 0 rgba(var(--text-warm-rgb),.35)}.sax-scale-note.sax-reg-low{border-left-color:var(--data-blue-surf-6)}.sax-scale-note.sax-reg-mid{border-left-color:var(--accent)}.sax-scale-note.sax-reg-high{border-left-color:var(--data-red-surf-4)}.sax-register-legend{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:.68rem;color:var(--text-dim);letter-spacing:.03em}.sax-reg-dot{display:inline-block;width:9px;height:9px;border-radius:2px;margin:0 4px 0 8px;vertical-align:middle}.sax-reg-dot:first-child{margin-left:0}.sax-reg-dot.sax-reg-low{background:var(--data-blue-surf-6)}.sax-reg-dot.sax-reg-mid{background:var(--accent)}.sax-reg-dot.sax-reg-high{background:var(--data-red-surf-4)}.sax-clear-selection{background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.4);border-radius:8px;color:var(--accent-ink);font-size:.72rem;padding:4px 10px;cursor:pointer;transition:all .15s}.sax-clear-selection:hover{background:rgba(var(--accent-rgb),.22)}.sax-staff-wrap{display:flex;flex-direction:column;gap:4px;padding:10px 8px;background:linear-gradient(180deg,var(--surf-invert-2) 0%,var(--accent-invert) 100%);border-radius:10px;border:1px solid var(--accent)}.sax-staff-caption{display:flex;align-items:baseline;gap:10px;padding:0 6px}.sax-staff-tonic{font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;color:var(--text-inverse)}.sax-staff-sig{font-size:.78rem;color:var(--accent-deep);font-style:italic}.sax-staff{display:block;width:100%;height:auto}.staff-line,.staff-ledger{stroke:var(--text-inverse);stroke-width:.8}.staff-clef{font-size:56px;fill:var(--text-inverse);font-family:Bravura,Maestro,serif}.staff-acc-sig{font-size:22px;fill:var(--text-inverse);font-weight:700}.staff-note{transition:opacity .15s}.staff-note:hover .staff-note-head{fill:var(--accent-ink)}.staff-note-head{fill:var(--text-inverse);stroke:var(--text-inverse);stroke-width:.5;transition:fill .15s}.staff-note-stem{stroke:var(--text-inverse);stroke-width:1.2}.staff-note-label{fill:var(--accent-deep);font-size:11px;font-family:Cinzel,serif;font-weight:600}.staff-note.is-selected .staff-note-head{fill:var(--data-red-ink-2);stroke:var(--data-red-ink-2)}.staff-note.is-selected .staff-note-stem{stroke:var(--data-red-ink-2)}.staff-note.is-selected .staff-note-label{fill:var(--data-red-ink-2);font-weight:700}.sax-hub-header{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}.sax-hub-header-text{display:flex;flex-direction:column;gap:6px}.sax-key-picker{display:flex;flex-direction:column;gap:6px;padding:12px 16px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.04));border:1px solid rgba(var(--accent-rgb),.4);border-radius:14px;min-width:220px}.sax-key-picker.is-open{border-color:var(--accent);box-shadow:0 4px 16px rgba(var(--accent-rgb),.2)}.sax-key-picker-display{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sax-key-picker-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.sax-key-picker-kicker{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase}.sax-key-picker-badge{font-size:.68rem;padding:2px 8px;border-radius:99px;align-self:flex-start;letter-spacing:.04em}.sax-key-picker-badge.is-from-song{background:rgba(var(--data-green-surf-7-rgb),.12);border:1px solid rgba(var(--data-green-surf-7-rgb),.4);color:var(--data-green-ink-3)}.sax-key-picker-badge.is-override,.sax-key-picker-badge.is-free{background:rgba(var(--accent-rgb),.15);border:1px solid rgba(var(--accent-rgb),.4);color:var(--accent-ink)}.sax-key-picker-main{display:flex;align-items:baseline;gap:6px;padding:4px 10px;background:rgba(var(--bg-sidebar-rgb),.5);border:1px solid rgba(var(--accent-rgb),.35);border-radius:10px;cursor:pointer;transition:all .15s;margin-left:auto}.sax-key-picker-main:hover{border-color:var(--accent);background:rgba(var(--bg-sidebar-rgb),.65)}.sax-key-picker-value{font-family:Cinzel,serif;font-size:2.4rem;font-weight:700;color:var(--accent-ink);line-height:1;letter-spacing:.03em}.sax-key-picker-chevron{font-size:.9rem;color:var(--accent-ink)}.sax-key-picker-reset{font-size:.72rem;padding:4px 9px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-dim);cursor:pointer;transition:all .15s}.sax-key-picker-reset:hover{color:var(--accent-ink);border-color:rgba(var(--accent-rgb),.4)}.sax-key-picker-panel{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px dashed rgba(var(--accent-rgb),.3)}.sax-key-picker-tonics{display:flex;flex-wrap:wrap;gap:4px}.sax-key-picker-chip{padding:5px 9px;min-width:32px;background:rgba(var(--bg-sidebar-rgb),.35);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:Cinzel,serif;font-size:.82rem;cursor:pointer;transition:all .15s}.sax-key-picker-chip:hover{border-color:rgba(var(--accent-rgb),.5)}.sax-key-picker-chip.is-active{background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:var(--text-inverse);border-color:var(--accent);font-weight:700}.sax-key-picker-mode{display:flex;gap:4px}.sax-key-picker-mode-btn{padding:4px 12px;background:rgba(var(--bg-sidebar-rgb),.35);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.8rem;cursor:pointer;transition:all .15s}.sax-key-picker-mode-btn.is-active{background:rgba(var(--accent-rgb),.15);border-color:rgba(var(--accent-rgb),.5);color:var(--accent-ink)}.sax-key-picker-link{background:transparent;border:none;color:var(--accent-ink);font-size:.75rem;text-align:left;cursor:pointer;padding:2px 0;text-decoration:underline}.sax-key-picker-link:hover{color:var(--accent-soft-ink)}@media (max-width: 700px){.sax-hub-header{grid-template-columns:1fr}.sax-key-picker{min-width:0}}.sax-hub-manual-btn{display:inline-flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--r-sm);border:1px solid rgba(var(--accent-rgb),.35);background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.04));color:var(--text);cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,transform .08s ease;margin:10px 0 4px}.sax-hub-manual-btn:hover{border-color:var(--accent);background:linear-gradient(135deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.08))}.sax-hub-manual-btn:active{transform:translateY(1px)}.sax-hub-manual-btn-icon{font-size:1.4rem;line-height:1}.sax-hub-manual-btn-text{display:flex;flex-direction:column;line-height:1.25}.sax-hub-manual-btn-text strong{color:var(--accent-ink);font-size:.95rem;font-weight:600}.sax-hub-manual-btn-text small{font-size:.78rem;color:var(--text-dim)}.sax-hub-manual-btn-arrow{color:var(--accent-ink);font-size:1.05rem;margin-left:4px;transition:transform .2s}.sax-hub-manual-btn:hover .sax-hub-manual-btn-arrow{transform:translate(3px)}.sax-comparator{display:flex;flex-direction:column;gap:8px}.sax-comparator-head{display:flex;flex-direction:column;gap:2px}.sax-comparator-hint{font-size:.76rem;color:var(--text-dim);font-style:italic}.sax-comparator-table{display:flex;flex-direction:column;gap:4px;margin-top:6px}.sax-comparator-row{display:grid;grid-template-columns:minmax(110px,1.5fr) minmax(60px,1fr) minmax(50px,.8fr) minmax(50px,.8fr);align-items:center;gap:8px;padding:8px 12px;background:rgba(var(--bg-sidebar-rgb),.35);border:1px solid var(--border);border-radius:10px;color:var(--text);text-align:left;font-size:.85rem;cursor:pointer;transition:all .15s}.sax-comparator-row.sax-comparator-header{background:transparent;border-color:transparent;font-size:.7rem;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;padding-bottom:2px;cursor:default}.sax-comparator-row:not(.sax-comparator-header):hover{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.35);transform:translate(2px)}.sax-comparator-row.is-active{background:linear-gradient(135deg,rgba(var(--accent-rgb),.15),rgba(var(--accent-rgb),.06));border-color:var(--accent)}.sax-comparator-row.is-best:not(.is-active){border-color:rgba(var(--accent-rgb),.55)}.sax-comparator-label{display:flex;flex-direction:column;gap:1px}.sax-comparator-star{color:var(--accent-ink);margin-right:4px}.sax-comparator-pitch{font-size:.7rem;color:var(--text-dim);font-style:italic}.sax-comparator-key{font-family:Cinzel,serif;font-size:1.05rem;color:var(--accent-ink);letter-spacing:.03em}.sax-comparator-acc{font-family:Cinzel,serif;color:var(--text)}.sax-comparator-amb{font-size:.8rem;font-weight:600}.sax-comparator-amb.is-ok{color:var(--data-green-ink-3)}.sax-comparator-amb.is-warn{color:var(--data-red-ink-3)}.sax-comparator-empty{padding:20px;color:var(--text-dim);text-align:center;font-style:italic}.sax-cheatsheet{display:flex;flex-direction:column;gap:10px}.sax-cheatsheet-hint{font-size:.76rem;color:var(--text-dim);font-style:italic}.sax-cheatsheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sax-cheatsheet-cell{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.25);border-radius:10px}.sax-cheatsheet-cell-wide{grid-column:1 / -1}.sax-cheatsheet-cell-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.sax-cheatsheet-cell-val{font-family:Cinzel,serif;font-size:1rem;color:var(--text)}.sax-cheatsheet-tonic{font-size:1.3rem;color:var(--accent-ink)}.sax-cheatsheet-scale{font-size:.95rem;letter-spacing:.05em}.sax-cheatsheet-chords{display:flex;flex-direction:column;gap:6px;padding-top:6px;border-top:1px dashed var(--border)}.sax-cheatsheet-chords-label{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.sax-cheatsheet-chords-list{display:flex;flex-direction:column;gap:4px}.sax-cheatsheet-chord-row{display:grid;grid-template-columns:minmax(60px,.4fr) auto minmax(80px,.8fr) auto;align-items:center;gap:10px;padding:8px 10px;background:rgba(var(--bg-sidebar-rgb),.35);border-radius:6px;font-size:.85rem}.sax-cheatsheet-chord-staff{display:flex;align-items:center;background:linear-gradient(180deg,var(--surf-invert-2) 0%,var(--accent-invert) 100%);border-radius:6px;padding:2px 6px;border:1px solid var(--accent)}.sax-cheatsheet-chord-staff .sax-mini-staff{display:block}@media (max-width: 700px){.sax-cheatsheet-chord-row{grid-template-columns:minmax(60px,.5fr) auto 1fr}.sax-cheatsheet-chord-staff{grid-column:1 / -1}}.sax-cheatsheet-chord-name{font-family:Cinzel,serif;color:var(--accent-ink);font-weight:600}.sax-cheatsheet-chord-arrow{color:var(--text-dim);font-size:.9rem}.sax-cheatsheet-chord-notes{color:var(--text);letter-spacing:.04em}.sax-cheatsheet-empty,.sax-cheatsheet-empty-line{padding:14px;color:var(--text-dim);text-align:center;font-style:italic}.sax-bangers{display:flex;flex-direction:column;gap:8px}.sax-bangers-hint{font-size:.76rem;color:var(--text-dim);font-style:italic}.sax-bangers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:6px}.sax-banger-card{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:rgba(var(--bg-sidebar-rgb),.4);border:1px solid var(--border);border-left:3px solid rgba(var(--accent-rgb),.4);border-radius:8px;color:var(--text);text-align:left;cursor:pointer;transition:all .15s}.sax-banger-card:hover{background:rgba(var(--accent-rgb),.08);border-left-color:var(--accent);transform:translateY(-1px)}.sax-banger-title{font-family:Cinzel,serif;font-size:.92rem;color:var(--accent-ink);font-weight:600}.sax-banger-artist{font-size:.78rem;color:var(--text-dim)}.sax-banger-meta{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:.72rem}.sax-banger-key{color:var(--text-dim);font-family:Cinzel,serif}.sax-banger-badge{padding:1px 6px;background:rgba(var(--accent-rgb),.15);border:1px solid rgba(var(--accent-rgb),.35);border-radius:4px;color:var(--accent-ink);font-size:.68rem;letter-spacing:.04em}.sax-banger-badge-live{background:rgba(var(--data-green-surf-7-rgb),.12);border-color:rgba(var(--data-green-surf-7-rgb),.35);color:var(--data-green-ink-3)}.sax-calculator{display:flex;flex-direction:column;gap:12px}.sax-calculator-hint{font-size:.76rem;color:var(--text-dim);font-style:italic}.sax-calculator-controls{display:flex;flex-direction:column;gap:12px}.sax-calculator-field{display:flex;flex-direction:column;gap:6px}.sax-calculator-field label{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.sax-calculator-tonics{display:flex;flex-wrap:wrap;gap:4px}.sax-calc-chip{padding:5px 9px;min-width:32px;background:rgba(var(--bg-sidebar-rgb),.35);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:Cinzel,serif;font-size:.82rem;cursor:pointer;transition:all .15s}.sax-calc-chip:hover{border-color:rgba(var(--accent-rgb),.4)}.sax-calc-chip.is-active{background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:var(--text-inverse);border-color:var(--accent);font-weight:700}.sax-calculator-mode-toggle{display:flex;gap:4px;margin-top:4px}.sax-calc-mode{padding:5px 12px;background:rgba(var(--bg-sidebar-rgb),.35);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.8rem;cursor:pointer;transition:all .15s}.sax-calc-mode.is-active{background:rgba(var(--accent-rgb),.15);border-color:rgba(var(--accent-rgb),.5);color:var(--accent-ink)}.sax-calculator-saxos{display:flex;flex-wrap:wrap;gap:6px}.sax-calc-sax-btn{padding:6px 12px;background:rgba(var(--bg-sidebar-rgb),.35);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:Cinzel,serif;font-size:.85rem;cursor:pointer;transition:all .15s}.sax-calc-sax-btn:hover{border-color:rgba(var(--accent-rgb),.4)}.sax-calc-sax-btn.is-active{background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:var(--text-inverse);border-color:var(--accent);font-weight:700}.sax-calculator-readout{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:10px;background:rgba(var(--accent-rgb),.05);border:1px dashed rgba(var(--accent-rgb),.25);border-radius:10px}.sax-calculator-line{display:flex;flex-direction:column;align-items:center;gap:2px}.sax-calculator-label{font-size:.68rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.sax-calculator-key{font-family:Cinzel,serif;font-size:1.4rem;color:var(--text);font-weight:700}.sax-calculator-key-written{color:var(--accent-ink)}.sax-calculator-sig{font-size:.7rem;color:var(--text-dim);font-style:italic;margin-top:1px}.sax-calculator-arrow{font-size:1.6rem;color:var(--accent-ink);font-weight:700}.sax-modes{display:flex;flex-direction:column;gap:8px}.sax-modes-hint{font-size:.76rem;color:var(--text-dim);font-style:italic}.sax-modes-list{display:flex;flex-direction:column;gap:6px}.sax-modes-row{display:grid;grid-template-columns:minmax(60px,.5fr) 1fr;align-items:start;gap:12px;padding:10px 12px;background:rgba(var(--bg-sidebar-rgb),.35);border:1px solid var(--border);border-radius:8px}.sax-modes-col{display:flex;flex-direction:column;gap:8px}.sax-modes-chord{font-family:Cinzel,serif;font-size:1rem;color:var(--accent-ink);font-weight:600}.sax-modes-suggestions{display:flex;flex-wrap:wrap;gap:6px}.sax-mode-chip{display:flex;flex-direction:column;gap:1px;padding:4px 9px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.3);border-radius:6px;cursor:pointer;transition:all .15s;text-align:left}.sax-mode-chip:hover{background:rgba(var(--accent-rgb),.18);border-color:rgba(var(--accent-rgb),.55)}.sax-mode-chip.is-selected{background:linear-gradient(135deg,var(--accent-soft),var(--accent));border-color:var(--accent);box-shadow:0 2px 8px rgba(var(--accent-rgb),.35)}.sax-mode-chip.is-selected .sax-mode-chip-name,.sax-mode-chip.is-selected .sax-mode-chip-flavor{color:var(--text-inverse)}.sax-mode-staff{display:flex;flex-direction:column;gap:4px;padding:8px;background:linear-gradient(180deg,var(--surf-invert-2) 0%,var(--accent-invert) 100%);border-radius:8px;border:1px solid var(--accent)}.sax-mode-staff-caption{display:flex;align-items:baseline;gap:8px;padding:0 6px}.sax-mode-staff-caption>span:first-child{font-family:Cinzel,serif;font-size:.9rem;font-weight:700;color:var(--text-inverse)}.sax-mode-staff-why{font-size:.72rem;font-style:italic;color:var(--accent-deep)}.sax-mini-staff{display:block;background:transparent}.sax-mini-staff-empty{font-size:.7rem;color:var(--text-dim);font-style:italic}.sax-mode-chip-name{font-family:Cinzel,serif;font-size:.85rem;color:var(--accent-ink);font-weight:600}.sax-mode-chip-flavor{font-size:.7rem;color:var(--text-dim);font-style:italic}.sax-modes-empty{padding:20px;color:var(--text-dim);text-align:center;font-style:italic}.sax-anatomy{display:flex;flex-direction:column;gap:10px}.sax-anatomy-hint{font-size:.76rem;color:var(--text-dim);font-style:italic}.sax-anatomy-body{display:grid;grid-template-columns:minmax(200px,1fr) 1.4fr;gap:16px;align-items:start}.sax-anatomy-diagram{display:flex;justify-content:center}.sax-anatomy-svg{width:100%;max-width:240px;height:auto}.sax-anatomy-bec{fill:var(--text-inverse);stroke:var(--accent-deep);stroke-width:.8}.sax-anatomy-ligature{fill:var(--text-warm-2);stroke:var(--muted-2);stroke-width:.6}.sax-anatomy-bell-lip{fill:var(--accent-ink);stroke:var(--accent-deep);stroke-width:1}.sax-anatomy-hotspot circle{fill:rgba(var(--accent-ink-rgb),.85);stroke:var(--text-inverse);stroke-width:1.2;transition:all .2s}.sax-anatomy-hotspot:hover circle{fill:var(--accent-ink);transform-origin:center}.sax-anatomy-hotspot.is-active circle{fill:var(--warn);stroke:var(--text-inverse);stroke-width:2}.sax-anatomy-hotspot-num{fill:var(--text-inverse);font-family:Inter,sans-serif;font-size:12px;font-weight:800;pointer-events:none;-webkit-user-select:none;user-select:none}.sax-anatomy-legend{display:flex;flex-direction:column;gap:10px;padding:12px;background:rgba(var(--bg-sidebar-rgb),.4);border:1px solid var(--border);border-radius:10px}.sax-anatomy-label{margin:0;font-family:Cinzel,serif;font-size:1rem;color:var(--accent-ink)}.sax-anatomy-desc{margin:0;font-size:.85rem;color:var(--text);line-height:1.5}.sax-anatomy-toc{margin:0;padding:8px 0 0;list-style:none;display:flex;flex-wrap:wrap;gap:4px;border-top:1px dashed var(--border)}.sax-anatomy-toc-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:transparent;border:1px solid var(--border);border-radius:5px;color:var(--text-dim);font-size:.72rem;cursor:pointer;transition:all .15s}.sax-anatomy-toc-btn:hover{border-color:rgba(var(--accent-rgb),.4);color:var(--text)}.sax-anatomy-toc-btn.is-active{background:rgba(var(--accent-rgb),.15);border-color:var(--accent);color:var(--accent-ink)}.sax-anatomy-toc-num{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:rgba(var(--accent-rgb),.2);border-radius:50%;font-weight:700;font-size:.68rem}@media (max-width: 700px){.sax-anatomy-body{grid-template-columns:1fr}}.sax-collapsible-head{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:rgba(var(--bg-sidebar-rgb),.35);border:1px solid var(--border);border-radius:10px;color:var(--text);text-align:left;cursor:pointer;transition:all .15s}.sax-collapsible-head:hover{border-color:rgba(var(--accent-rgb),.4)}.sax-collapsible-head.is-open{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.4);border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:-1px}.sax-collapsible-chevron{color:var(--accent-ink);font-size:.8rem;width:14px;display:inline-flex;justify-content:center}.sax-collapsible-title{font-family:Cinzel,serif;font-size:.95rem;color:var(--accent-ink);font-weight:600}.sax-collapsible-hint{font-size:.72rem;color:var(--text-dim);font-style:italic;margin-left:auto}.sax-block-calculator>.sax-calculator,.sax-block-anatomy>.sax-anatomy{padding:12px 14px;background:rgba(var(--bg-sidebar-rgb),.25);border:1px solid rgba(var(--accent-rgb),.25);border-top:none;border-radius:0 0 10px 10px}.sax-range-readout{display:flex;flex-direction:column;gap:4px}.sax-range-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:4px 0}.sax-range-label{font-size:.8rem;color:var(--text-dim)}.sax-range-value{font-family:Cinzel,serif;font-weight:600;font-size:.92rem;color:var(--text)}.sax-range-check{display:flex;align-items:flex-start;gap:10px;margin-top:6px;padding:10px 12px;border-radius:10px;font-size:.85rem;line-height:1.45}.sax-range-check.is-ok{background:rgba(var(--data-green-surf-3-rgb),.08);border:1px solid rgba(var(--data-green-surf-3-rgb),.35);color:var(--data-green-ink-6)}.sax-range-check.is-warn{background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.4);color:var(--accent-soft-ink)}.sax-range-check-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;margin-top:6px}.sax-range-check.is-ok .sax-range-check-dot{background:var(--data-green-surf-3)}.sax-range-check.is-warn .sax-range-check-dot{background:var(--accent)}.sax-empty{color:var(--text-dim);font-style:italic;font-size:.9rem}.sax-svg{display:block;-webkit-user-select:none;user-select:none}.sax-bec{fill:var(--text-inverse);stroke:var(--accent-deep);stroke-width:.8}.sax-ligature{fill:var(--text-warm-2);stroke:var(--muted-2);stroke-width:.6}.sax-screw{fill:var(--text-inverse);stroke:none}.sax-bell-lip{fill:var(--accent-ink);stroke:var(--accent-deep);stroke-width:1}.sax-thumb-hook{fill:var(--text-inverse);stroke:var(--accent-deep);stroke-width:.8}.sax-tube-shine{stroke:rgba(var(--accent-bright-ink-rgb),.4);stroke-width:2;stroke-linecap:round;fill:none}.sax-key circle,.sax-key rect{fill:transparent;stroke:transparent;stroke-width:1.2;transition:fill .2s,stroke .2s}.sax-key .sax-key-label{opacity:0;transition:opacity .2s}.sax-key:hover circle,.sax-key:hover rect{stroke:rgba(var(--accent-ink-rgb),.55);fill:rgba(var(--accent-ink-rgb),.1)}.sax-key.is-highlighted circle,.sax-key.is-highlighted rect,.sax-key.is-active circle,.sax-key.is-active rect{fill:transparent;stroke:transparent}.sax-key-label{fill:var(--text-warm);font-family:Inter,sans-serif;font-size:11px;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none;paint-order:stroke fill;stroke:rgba(var(--veil-lo-rgb),.7);stroke-width:.6;letter-spacing:.02em}.sax-key.is-highlighted .sax-key-label{fill:var(--text-inverse);stroke:rgba(var(--text-warm-rgb),.5);stroke-width:.5}.sax-key.is-active .sax-key-label{fill:var(--text-inverse);stroke:rgba(var(--text-warm-rgb),.7);stroke-width:.6;font-weight:800}.sax-key-out-leader{stroke:var(--accent-dim-ink);stroke-width:1.1;stroke-linecap:round;opacity:.7;fill:none;transition:stroke .2s,opacity .2s,stroke-width .2s}.sax-key-out-pill{fill:var(--text-inverse);stroke:var(--accent-dim-ink);stroke-width:1;transition:fill .2s,stroke .2s,filter .2s,stroke-width .2s}.sax-key-out-text{fill:var(--text-warm);font-family:Inter,sans-serif;font-size:20px;font-weight:700;letter-spacing:.02em;pointer-events:none;-webkit-user-select:none;user-select:none;paint-order:stroke fill;transition:fill .2s,font-weight .2s}.sax-key-out:hover .sax-key-out-leader{stroke:var(--accent-ink);opacity:1}.sax-key-out:hover .sax-key-out-pill{stroke:var(--accent-ink);fill:var(--text-inverse)}.sax-key-out.is-highlighted .sax-key-out-leader{stroke:var(--accent-ink);opacity:1}.sax-key-out.is-highlighted .sax-key-out-pill{fill:var(--accent-ink, var(--text-inverse));stroke:var(--accent-ink);filter:drop-shadow(0 0 3px rgba(var(--accent-rgb),.45))}.sax-key-out.is-highlighted .sax-key-out-text{fill:var(--text-warm);font-weight:700}.sax-key-out.is-active .sax-key-out-leader{stroke:var(--accent-bright-ink);stroke-width:1.6;opacity:1;filter:drop-shadow(0 0 4px rgba(var(--accent-bright-rgb),.8))}.sax-key-out.is-active .sax-key-out-pill{fill:var(--accent-deep);stroke:var(--accent-bright-ink);stroke-width:1.4;filter:drop-shadow(0 0 7px rgba(var(--accent-bright-rgb),.75))}.sax-key-out.is-active .sax-key-out-text{fill:var(--accent-bright-ink);font-weight:800}.sax-panel{display:flex;flex-direction:column;gap:14px}.sax-panel-header{display:flex;flex-direction:column;align-items:center;gap:2px;padding-bottom:10px;border-bottom:1px dashed var(--border)}.sax-panel-kicker{font-family:Cinzel,serif;font-size:.68rem;letter-spacing:.3em;color:var(--accent-ink)}.sax-panel-title{font-family:Cinzel,serif;font-size:1.3rem;font-weight:600;color:var(--accent-ink)}.sax-panel-pitch{font-size:.82rem;color:var(--text-dim);letter-spacing:.04em}.sax-panel-empty{padding:16px 0;text-align:center;color:var(--text-dim);font-size:.9rem}.sax-panel-readout{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;background:rgba(var(--veil-lo-rgb),.25);border-radius:10px}.sax-panel-line{display:flex;align-items:baseline;gap:10px}.sax-panel-label{font-size:.72rem;color:var(--text-dim);letter-spacing:.04em}.sax-panel-key{font-family:Cinzel,serif;font-size:1.4rem;font-weight:600;color:var(--text)}.sax-panel-key-written{color:var(--accent-ink)}.sax-panel-arrow{color:var(--accent-ink);line-height:1}.sax-panel-diagram{display:flex;justify-content:center}.sax-panel-scales{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px}.sax-panel-scale-row{display:flex;align-items:center;gap:10px;font-size:.85rem}.sax-panel-scale-label{font-size:.72rem;color:var(--text-dim);letter-spacing:.04em;min-width:50px}.sax-panel-scale-notes{font-family:Cinzel,serif;color:var(--accent-ink);font-weight:600}.sax-panel-scale-notes-muted{color:var(--text-dim);font-weight:500}.sax-panel-range{font-size:.82rem;color:var(--text-dim);text-align:center;padding:6px 0}.sax-panel-range strong{color:var(--text);font-family:Cinzel,serif;letter-spacing:.03em}.sax-panel-pills-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.sax-panel-mode-toggle{display:flex;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:2px;gap:2px}.sax-panel-pills{margin-top:2px}.sax-panel-ambitus{display:flex;flex-direction:column;gap:6px;padding-top:6px;border-top:1px dashed var(--border)}.sax-range-check-compact{font-size:.78rem;padding:6px 10px;margin-top:0}.sax-panel-transpose{display:flex;align-items:center;justify-content:center;gap:4px;padding-top:10px;border-top:1px dashed var(--border);flex-wrap:wrap}.sax-panel-transpose button{padding:6px 10px;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.8rem;cursor:pointer;transition:all .15s}.sax-panel-transpose button:hover{border-color:var(--accent);color:var(--accent-ink)}.sax-panel-transpose-val{font-family:Cinzel,serif;font-weight:600;color:var(--accent-ink);padding:0 6px;font-size:.9rem}.sax-side-panel .instrument-side-panel-header{flex-wrap:wrap;gap:8px}.sax-side-panel-saxos{display:flex;gap:4px;flex:1 1 auto;justify-content:center;flex-wrap:wrap}.sax-side-saxo-btn{padding:4px 10px;background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--text-dim);font-size:.76rem;cursor:pointer;transition:all .15s}.sax-side-saxo-btn:hover{border-color:var(--accent);color:var(--accent-ink)}.sax-side-saxo-btn.is-active{background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:var(--text-inverse);border-color:var(--accent)}@media (max-width: 768px){.sax-hub-card{padding:16px 18px}.sax-hub-title{font-size:1.3rem}.sax-hub-grid{gap:12px}.sax-selector{grid-template-columns:1fr}.sax-transpose-key{font-size:1.5rem}}.sax-block-saxos .sax-selector{display:flex;flex-wrap:wrap;gap:6px}.sax-block-saxos .sax-selector-btn{flex:0 1 auto;flex-direction:row;align-items:baseline;gap:6px;padding:7px 11px;min-width:90px}.sax-block-saxos .sax-selector-name{font-size:.9rem}.sax-block-saxos .sax-selector-pitch{font-size:.68rem}.sax-block-saxos .sax-active-desc{font-size:.78rem;margin-top:6px;line-height:1.35}.sax-block-saxos{align-self:start}.sax-diagram-split{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}.sax-diagram-col-left{display:flex;flex-direction:column;gap:10px;min-width:0}.sax-diagram-col-right{display:flex;flex-direction:column;justify-content:flex-start;padding-top:4px}.sax-diagram-col-right .sax-svg{max-height:540px}.sax-block-diagram .sax-staff{max-height:130px}@media (max-width: 700px){.sax-diagram-split{grid-template-columns:1fr}.sax-diagram-col-right{align-items:center}}.sax-cheatsheet-chords-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.sax-cheatsheet-chord-row{grid-template-columns:minmax(50px,.35fr) auto minmax(0,1fr);padding:6px 10px;font-size:.8rem;gap:8px}.sax-cheatsheet-chord-staff{grid-column:1 / -1;padding:1px 4px}.sax-cheatsheet-chord-staff .sax-mini-staff{width:100%;max-width:220px;margin:0 auto}@media (max-width: 700px){.sax-cheatsheet-chords-list{grid-template-columns:1fr}}.sax-block-modes{grid-column:span 9}.sax-block-range{grid-column:span 3}@media (max-width: 900px){.sax-block-modes,.sax-block-range{grid-column:1 / -1}}.sax-block-range{align-self:start}.sax-block-range .sax-range-readout{gap:4px}.sax-block-range .sax-range-line{font-size:.82rem}.sax-block-range .sax-range-value{font-family:Cinzel,serif;font-size:.88rem}.sax-block-range .sax-range-check{padding:8px 10px;font-size:.78rem;line-height:1.4}.sax-bangers-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.sax-banger-card{padding:7px 10px;gap:2px}.sax-banger-title{font-size:.85rem}.sax-banger-artist{font-size:.72rem}.sax-banger-meta{margin-top:0;font-size:.68rem}.sax-comparator-row{grid-template-columns:minmax(160px,1.8fr) minmax(80px,1fr) minmax(60px,.8fr) minmax(60px,.7fr);padding:9px 14px;gap:12px}.sax-comparator-row.sax-comparator-header{padding:4px 14px}.sax-comparator-key{font-size:1.15rem}@media (max-width: 700px){.sax-hub-card{padding:16px 14px;margin:16px 0}.sax-hub-grid{gap:10px}.sax-block{padding:12px;min-width:0}.sax-block-head{flex-direction:column;align-items:flex-start;gap:4px}.sax-selector-btn{padding:8px 10px}.sax-selector-name{font-size:.9rem}.sax-comparator-row{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,.7fr);grid-template-areas:"label key amb" "label acc amb";padding:8px 10px;gap:4px 8px;font-size:.82rem}.sax-comparator-row.sax-comparator-header{display:none}.sax-comparator-label{grid-area:label}.sax-comparator-key{grid-area:key;font-size:1rem}.sax-comparator-acc{grid-area:acc;font-size:.85rem}.sax-comparator-amb{grid-area:amb;align-self:center;justify-self:end}.sax-cheatsheet-grid{grid-template-columns:1fr;gap:6px}.sax-cheatsheet-cell-wide{grid-column:1}.sax-modes-row{padding:8px 10px;gap:8px}.sax-bangers-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.sax-transpose-quick-row{flex-wrap:wrap;justify-content:center}.sax-hub-manual-btn{padding:8px 10px}.sax-id-row{grid-template-columns:1fr;gap:1px}.sax-id-row dt{font-size:.65rem}.sax-id-row dd{font-size:.82rem}}.help-dot-wrap{position:relative;display:inline-flex;align-items:center;vertical-align:middle;margin-left:6px}.help-dot{width:18px;height:18px;border-radius:50%;border:1px solid var(--accent-dim);background:transparent;color:var(--text-dim);font-size:.72rem;font-weight:700;font-family:var(--font-ui);cursor:pointer;padding:0;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}.help-dot:hover{border-color:var(--accent);color:var(--accent-ink);background:rgba(var(--accent-rgb),.1)}.help-dot.is-open{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.help-popover{position:fixed;width:max-content;max-width:min(320px,88vw);padding:10px 12px;background:var(--panel);border:1px solid rgba(var(--accent-rgb),.55);border-radius:10px;box-shadow:0 8px 24px rgba(var(--shadow-rgb),.45);color:var(--text);font-family:var(--font-ui);font-size:.82rem;line-height:1.5;font-weight:400;letter-spacing:normal;text-transform:none;text-align:left;z-index:200}.help-popover:before{content:"";position:absolute;top:-5px;left:var(--help-arrow-x, 50%);transform:translate(-50%) rotate(45deg);width:8px;height:8px;background:var(--panel);border-top:1px solid rgba(var(--accent-rgb),.55);border-left:1px solid rgba(var(--accent-rgb),.55)}.help-popover strong{color:var(--accent-ink)}.help-popover em{font-style:italic;color:var(--text-dim)}.sax-id-card{display:flex;flex-direction:column;gap:6px;margin:10px 0 0;padding-top:10px;border-top:1px dashed var(--border)}.sax-id-row{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:baseline}.sax-id-row dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin:0}.sax-id-row dd{margin:0;font-size:.85rem;color:var(--text);letter-spacing:.02em}.sax-id-hint{margin-left:6px;font-size:.72rem;font-style:italic;color:var(--text-dim)}.bass-hub-card{position:relative;padding:24px 28px;margin:24px 0;background:linear-gradient(180deg,var(--panel) 0%,var(--bg-deep) 100%);border:1px solid var(--border);border-radius:18px;overflow:hidden}.bass-hub-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent) 50%,var(--accent) 100%);border-radius:0 3px 3px 0}.bass-hub-header{margin-bottom:20px}.bass-hub-header-text{max-width:720px}.bass-hub-kicker{font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.25em;color:var(--accent-ink);margin-bottom:4px}.bass-hub-title{font-family:Cinzel,serif;font-size:1.6rem;font-weight:600;color:var(--accent-ink);margin:0 0 6px}.bass-hub-subtitle{color:var(--text-dim);font-size:.92rem;margin:0 0 12px;max-width:560px}.bass-hub-manual-btn{display:inline-flex;align-items:center;gap:12px;margin-top:4px;background:rgba(var(--accent-rgb),.08);border:1px solid var(--accent-dim);border-radius:12px;padding:10px 16px;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.bass-hub-manual-btn:hover{background:rgba(var(--accent-rgb),.16);border-color:var(--accent)}.bass-hub-manual-btn:active{transform:translateY(1px)}.bass-hub-manual-btn-icon{font-size:1.4rem;line-height:1}.bass-hub-manual-btn-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.2}.bass-hub-manual-btn-text strong{font-size:.92rem;color:var(--accent-ink)}.bass-hub-manual-btn-text small{font-size:.78rem;color:var(--text-dim)}.bass-hub-manual-btn-arrow{color:var(--accent-ink);font-size:1.1rem;transition:transform .15s}.bass-hub-manual-btn:hover .bass-hub-manual-btn-arrow{transform:translate(3px)}.bass-hub-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.bass-block-tuning{grid-column:span 5}.bass-block-fretboard{grid-column:span 7}.bass-block-roadmap{grid-column:1 / -1}@media (max-width: 900px){.bass-hub-grid{grid-template-columns:1fr}.bass-block-tuning,.bass-block-fretboard,.bass-block-roadmap{grid-column:1 / -1}}.bass-block{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.bass-block-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.bass-block-title{font-family:Cinzel,serif;font-size:.95rem;font-weight:600;color:var(--accent-ink);margin:0;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px}.bass-tuning-selector{display:flex;flex-wrap:wrap;gap:8px}.bass-tuning-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 14px;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s,color .15s;min-width:100px}.bass-tuning-btn:hover{border-color:var(--accent-dim)}.bass-tuning-btn.is-active{background:rgba(var(--accent-rgb),.14);border-color:var(--accent);color:var(--accent-ink)}.bass-tuning-btn-label{font-size:.92rem;font-weight:600}.bass-tuning-btn-notes{font-size:.72rem;color:var(--text-dim);letter-spacing:.08em}.bass-tuning-btn.is-active .bass-tuning-btn-notes{color:var(--accent-dim-ink)}.bass-tuning-desc{font-size:.85rem;color:var(--text-dim);margin:4px 0 0;line-height:1.5}.bass-controls-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.bass-control{display:flex;flex-direction:column;gap:4px;min-width:110px}.bass-control-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim)}.bass-control-select{background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;padding:6px 10px;cursor:pointer}.bass-control-select:hover{border-color:var(--accent-dim)}.bass-control-select:focus{outline:none;border-color:var(--accent)}.bass-control-reset{background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);font-size:.8rem;padding:6px 12px;cursor:pointer;height:32px;transition:border-color .15s,color .15s}.bass-control-reset:hover{border-color:var(--accent-dim);color:var(--accent-ink)}.bass-display-toggle{display:inline-flex;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:2px;gap:2px}.bass-display-btn{background:transparent;border:none;color:var(--text-dim);font-size:.8rem;padding:4px 12px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.bass-display-btn:hover{color:var(--text)}.bass-display-btn.is-active{background:rgba(var(--accent-rgb),.18);color:var(--accent-ink)}.bass-fretboard-wrap{background:linear-gradient(180deg,#1f1a12,#14110a);border:1px solid var(--border);border-radius:10px;padding:10px 6px;overflow-x:auto;overscroll-behavior:contain}.bass-fretboard{width:100%;height:auto;display:block}.bass-fret-dot{fill:rgba(var(--accent-ink-rgb),.85);stroke:var(--text-inverse);stroke-width:1.5;transition:fill .12s,stroke .12s}.bass-fret-dot.is-root{fill:var(--accent-ink);stroke:var(--text);stroke-width:1.8}.bass-fret-dot.is-selected{fill:var(--text);stroke:var(--accent-ink);stroke-width:2.5}.bass-fret-dot-label{fill:var(--text-inverse);pointer-events:none;-webkit-user-select:none;user-select:none}.bass-fret-dot-grp.is-clickable{cursor:pointer}.bass-fret-dot-grp.is-clickable:hover .bass-fret-dot{fill:var(--accent-ink)}.bass-scale-summary{font-size:.9rem;color:var(--text);margin:4px 0 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.bass-scale-summary strong{color:var(--accent-ink)}.bass-scale-summary-sep{color:var(--text-dim)}.bass-roadmap-list{margin:0;padding-left:20px;color:var(--text-dim);font-size:.9rem;line-height:1.7}.bass-roadmap-list li::marker{color:var(--accent-dim-ink)}.bass-block-riffs{grid-column:1 / -1}.bass-riffs-count{font-size:.82rem;color:var(--text-dim)}.bass-riffs-count strong{color:var(--accent-ink)}.bass-riffs-filters{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.bass-riffs-filter-row{display:flex;flex-wrap:wrap;gap:6px}.bass-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--text-dim);font-size:.8rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.bass-chip:hover{border-color:var(--accent-dim);color:var(--text)}.bass-chip.is-active{background:rgba(var(--accent-rgb),.18);border-color:var(--accent);color:var(--accent-ink)}.bass-chip-count{font-size:.7rem;color:var(--text-dim);font-weight:600}.bass-chip.is-active .bass-chip-count{color:var(--accent-dim-ink)}.bass-chip-rock.is-active{background:rgba(var(--data-red-surf-4-rgb),.18);border-color:var(--data-red-surf-4);color:var(--data-red-ink-5)}.bass-chip-pop.is-active{background:rgba(var(--accent-rgb),.18);border-color:var(--accent);color:var(--accent-bright-ink)}.bass-chip-funk.is-active{background:rgba(var(--accent-rgb),.18);border-color:var(--accent);color:var(--accent-ink)}.bass-chip-soul.is-active{background:rgba(var(--data-violet-surf-3-rgb),.18);border-color:var(--data-violet-surf-3);color:var(--data-violet-ink-1)}.bass-chip-metal.is-active{background:rgba(var(--text-mid-rgb),.22);border-color:var(--text-mid);color:var(--text)}.bass-chip-prog.is-active{background:rgba(var(--data-blue-surf-8-rgb),.18);border-color:var(--data-blue-surf-8);color:var(--data-blue-ink-2)}.bass-chip-reggae.is-active{background:rgba(var(--data-green-surf-6-rgb),.18);border-color:var(--data-green-surf-6);color:var(--data-green-ink-5)}.bass-chip-jazz.is-active{background:rgba(var(--data-blue-surf-8-rgb),.18);border-color:var(--data-blue-surf-8);color:var(--data-blue-ink-3)}.bass-chip-fusion.is-active{background:rgba(var(--data-violet-surf-4-rgb),.18);border-color:var(--data-violet-surf-4);color:var(--data-red-ink-4)}.bass-chip-diff.bass-diff-beginner.is-active{background:rgba(var(--data-green-surf-6-rgb),.18);border-color:var(--data-green-surf-6);color:var(--data-green-ink-5)}.bass-chip-diff.bass-diff-intermediate.is-active{background:rgba(var(--accent-rgb),.18);border-color:var(--accent);color:var(--accent-ink)}.bass-chip-diff.bass-diff-advanced.is-active{background:rgba(var(--accent-rgb),.18);border-color:var(--accent);color:var(--accent-bright-ink)}.bass-chip-diff.bass-diff-expert.is-active{background:rgba(var(--data-red-surf-4-rgb),.18);border-color:var(--data-red-surf-4);color:var(--data-red-ink-5)}.bass-riffs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:8px}.bass-riff-card{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent-dim);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .1s}.bass-riff-card:hover{border-color:var(--accent-dim)}.bass-riff-card.bass-diff-beginner{border-left-color:var(--data-green-surf-6)}.bass-riff-card.bass-diff-intermediate,.bass-riff-card.bass-diff-advanced{border-left-color:var(--accent)}.bass-riff-card.bass-diff-expert{border-left-color:var(--data-red-surf-4)}.bass-riff-card.is-expanded{border-color:var(--accent);box-shadow:0 4px 18px rgba(var(--shadow-rgb),.3)}.bass-riff-card-toggle{text-align:left;width:100%;background:transparent;border:none;color:var(--text);padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:8px}.bass-riff-card-toggle:hover{background:rgba(var(--accent-rgb),.04)}.bass-riff-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.bass-riff-card-titles{flex:1;min-width:0}.bass-riff-title{font-size:1.02rem;font-weight:700;color:var(--text);margin:0;line-height:1.25}.bass-riff-artist{font-size:.82rem;color:var(--text-dim);margin:2px 0 0}.bass-riff-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.bass-riff-key{font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:700;color:var(--accent-ink);padding:2px 8px;background:rgba(var(--accent-rgb),.12);border-radius:6px}.bass-riff-diff{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:2px 6px;border-radius:4px}.bass-riff-diff.bass-diff-beginner{background:rgba(var(--data-green-surf-6-rgb),.14);color:var(--data-green-ink-5)}.bass-riff-diff.bass-diff-intermediate{background:rgba(var(--accent-rgb),.14);color:var(--accent-ink)}.bass-riff-diff.bass-diff-advanced{background:rgba(var(--accent-rgb),.14);color:var(--accent-bright-ink)}.bass-riff-diff.bass-diff-expert{background:rgba(var(--data-red-surf-4-rgb),.14);color:var(--data-red-ink-5)}.bass-riff-bassist{font-size:.78rem;color:var(--text-dim);margin:0;line-height:1.35}.bass-riff-bassist strong{color:var(--text)}.bass-riff-bassist-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);opacity:.7}.bass-riff-bassist-sep{margin:0 5px;color:var(--text-dim);opacity:.5}.bass-riff-year,.bass-riff-bpm{font-family:JetBrains Mono,monospace;font-size:.72rem}.bass-riff-body{border-top:1px solid var(--border);padding:12px 14px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,rgba(var(--veil-lo-rgb),.15) 0%,transparent 100%)}.bass-riff-body[hidden]{display:none}.bass-riff-hook{font-size:.88rem;color:var(--text);margin:0;line-height:1.5;font-style:italic}.bass-riff-tab{background:var(--bg-deep);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:.78rem;overflow-x:auto}.bass-riff-tab-line{margin:0;padding:0;display:flex;align-items:center;gap:6px;color:var(--accent-soft-ink);line-height:1.6;white-space:pre}.bass-riff-tab-string{display:inline-block;width:14px;color:var(--accent-ink);font-weight:700}.bass-riff-tab-pipe{color:var(--text-dim)}.bass-riff-tab-frets{flex:1;letter-spacing:.12em}.bass-riff-technique{font-size:.82rem;color:var(--text-dim);margin:0;line-height:1.5;display:flex;flex-direction:column;gap:2px}.bass-riff-technique-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-ink);font-weight:600}.bass-riff-open-btn{background:rgba(var(--accent-rgb),.1);border:1px solid var(--accent-dim);border-radius:8px;color:var(--accent-ink);font-size:.82rem;padding:6px 12px;cursor:pointer;transition:background .15s,border-color .15s}.bass-riff-open-btn:hover{background:rgba(var(--accent-rgb),.2);border-color:var(--accent)}.bass-riff-no-song{font-size:.76rem;color:var(--text-dim);font-style:italic;margin:0}.bass-empty{color:var(--text-dim);font-size:.9rem;font-style:italic;padding:20px;text-align:center}.bass-block-styles{grid-column:1 / -1}.bass-styles-intro{font-size:.88rem;color:var(--text-dim);margin:4px 0 8px;line-height:1.5}.bass-styles-close{background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);font-size:.78rem;padding:4px 12px;cursor:pointer;transition:border-color .15s,color .15s}.bass-styles-close:hover{border-color:var(--accent);color:var(--accent-ink)}.bass-styles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.bass-style-card{position:relative;text-align:left;background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent-dim);border-radius:10px;padding:12px 14px 12px 16px;cursor:pointer;display:flex;gap:12px;align-items:flex-start;color:var(--text);transition:border-color .15s,background .15s,transform .1s}.bass-style-card:hover{border-color:var(--accent-dim);background:rgba(var(--accent-rgb),.04)}.bass-style-card.is-active{background:rgba(var(--accent-rgb),.1);border-color:var(--accent);box-shadow:0 3px 14px rgba(var(--shadow-rgb),.25)}.bass-style-num{font-family:Cinzel,serif;font-size:1.6rem;font-weight:600;color:var(--accent-dim-ink);line-height:1;flex-shrink:0;width:28px;text-align:center}.bass-style-card.is-active .bass-style-num{color:var(--accent-ink)}.bass-style-body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.bass-style-title{font-size:1rem;font-weight:700;color:var(--text);margin:0;line-height:1.2}.bass-style-ref{font-size:.8rem;color:var(--text-dim);margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.bass-style-ref strong{color:var(--accent-ink);font-weight:600}.bass-style-era{font-size:.72rem;opacity:.8}.bass-style-oneliner{font-size:.82rem;color:var(--text-dim);margin:0;line-height:1.5}.bass-style-pattern{margin:4px 0 0;display:flex;flex-direction:column;gap:2px}.bass-style-pattern-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-dim-ink);font-weight:600}.bass-style-pattern code,.bass-style-detail-pattern code{font-family:JetBrains Mono,monospace;font-size:.76rem;color:var(--accent-soft-ink);background:var(--bg-deep);border:1px solid var(--border);padding:4px 8px;border-radius:6px;display:inline-block;word-break:break-all}.bass-tone-soul{border-left-color:var(--data-violet-surf-3)}.bass-tone-funk{border-left-color:var(--accent)}.bass-tone-reggae{border-left-color:var(--data-green-surf-6)}.bass-tone-disco{border-left-color:var(--data-red-surf-10)}.bass-tone-rock{border-left-color:var(--data-red-surf-4)}.bass-tone-metal{border-left-color:var(--text-mid)}.bass-tone-jazz{border-left-color:var(--data-blue-surf-8)}.bass-tone-latin{border-left-color:var(--accent)}.bass-tone-pop{border-left-color:var(--data-blue-surf-8)}.bass-tone-modern{border-left-color:var(--data-violet-surf-6)}.bass-style-detail{margin-top:14px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.06) 0%,transparent 100%);border:1px solid var(--accent-dim);border-left-width:3px;border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}.bass-style-detail-head{margin:0}.bass-style-detail-kicker{font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.25em;color:var(--accent-ink);margin-bottom:2px;display:block}.bass-style-detail-title{font-family:Cinzel,serif;font-size:1.2rem;font-weight:600;color:var(--accent-ink);margin:0}.bass-style-detail-ref{color:var(--text-dim);font-weight:400;font-size:.9rem;font-family:Inter,sans-serif}.bass-style-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.bass-style-detail-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.bass-style-detail-card-wide{grid-column:span 2}.bass-style-detail-card-watch{border-color:rgba(var(--data-red-surf-4-rgb),.4);background:rgba(var(--data-red-surf-4-rgb),.06)}.bass-style-detail-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-ink);font-weight:600}.bass-style-detail-card p{font-size:.85rem;color:var(--text);margin:0;line-height:1.5}.bass-style-detail-card-watch p{color:var(--data-red-ink-5)}.bass-style-detail-songs{font-style:italic;color:var(--text-dim)!important}.bass-style-detail-pattern{margin:4px 0 0}@media (max-width: 700px){.bass-style-detail-card-wide{grid-column:1 / -1}}.bass-block-bassists{grid-column:1 / -1}.bass-bassists-count{font-size:.82rem;color:var(--text-dim)}.bass-bassists-count strong{color:var(--accent-ink)}.bass-bassists-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.bass-chip.bass-era-pioneer.is-active{background:rgba(var(--accent-rgb),.18);border-color:var(--accent);color:var(--accent-ink)}.bass-chip.bass-era-classic-rock.is-active{background:rgba(var(--data-red-surf-4-rgb),.18);border-color:var(--data-red-surf-4);color:var(--data-red-ink-5)}.bass-chip.bass-era-fusion.is-active{background:rgba(var(--data-blue-surf-8-rgb),.18);border-color:var(--data-blue-surf-8);color:var(--data-blue-ink-3)}.bass-chip.bass-era-funk-slap.is-active{background:rgba(var(--data-violet-surf-3-rgb),.18);border-color:var(--data-violet-surf-3);color:var(--data-violet-ink-1)}.bass-chip.bass-era-metal.is-active{background:rgba(var(--text-mid-rgb),.22);border-color:var(--text-mid);color:var(--text)}.bass-chip.bass-era-modern.is-active{background:rgba(var(--data-violet-surf-4-rgb),.18);border-color:var(--data-violet-surf-4);color:var(--data-red-ink-4)}.bass-chip.bass-era-session.is-active{background:rgba(var(--data-green-surf-6-rgb),.18);border-color:var(--data-green-surf-6);color:var(--data-green-ink-5)}.bass-bassists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:8px}.bass-bassist-card{text-align:left;background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent-dim);border-radius:10px;padding:12px 14px;cursor:pointer;display:flex;gap:12px;align-items:flex-start;color:var(--text);transition:border-color .15s,background .15s,transform .1s}.bass-bassist-card:hover{border-color:var(--accent-dim);background:rgba(var(--accent-rgb),.04)}.bass-bassist-card.is-active{background:rgba(var(--accent-rgb),.1);border-color:var(--accent);box-shadow:0 3px 14px rgba(var(--shadow-rgb),.25)}.bass-bassist-card.bass-era-pioneer{border-left-color:var(--accent)}.bass-bassist-card.bass-era-classic-rock{border-left-color:var(--data-red-surf-4)}.bass-bassist-card.bass-era-fusion{border-left-color:var(--data-blue-surf-8)}.bass-bassist-card.bass-era-funk-slap{border-left-color:var(--data-violet-surf-3)}.bass-bassist-card.bass-era-metal{border-left-color:var(--text-mid)}.bass-bassist-card.bass-era-modern{border-left-color:var(--data-violet-surf-4)}.bass-bassist-card.bass-era-session{border-left-color:var(--data-green-surf-6)}.bass-bassist-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dim) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:Cinzel,serif;font-weight:700;font-size:1rem;color:var(--text-inverse);letter-spacing:0}.bass-bassist-card.is-active .bass-bassist-avatar{box-shadow:0 0 0 2px rgba(var(--accent-rgb),.35)}.bass-bassist-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.bass-bassist-name{font-size:1rem;font-weight:700;color:var(--text);margin:0;line-height:1.2}.bass-bassist-meta{font-size:.72rem;color:var(--text-dim);margin:0;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.bass-bassist-era{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-dim-ink);font-weight:600}.bass-bassist-sep{opacity:.5}.bass-bassist-lifespan{font-family:JetBrains Mono,monospace;font-size:.7rem}.bass-bassist-signature{font-size:.82rem;color:var(--text);margin:4px 0 0;line-height:1.45}.bass-bassist-band{font-size:.76rem;color:var(--text-dim);margin:2px 0 0}.bass-bassist-band-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;opacity:.7}.bass-bassist-detail{margin-top:14px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.06) 0%,transparent 100%);border:1px solid var(--accent-dim);border-left-width:3px;border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}.bass-bassist-detail.bass-era-pioneer{border-left-color:var(--accent)}.bass-bassist-detail.bass-era-classic-rock{border-left-color:var(--data-red-surf-4)}.bass-bassist-detail.bass-era-fusion{border-left-color:var(--data-blue-surf-8)}.bass-bassist-detail.bass-era-funk-slap{border-left-color:var(--data-violet-surf-3)}.bass-bassist-detail.bass-era-metal{border-left-color:var(--text-mid)}.bass-bassist-detail.bass-era-modern{border-left-color:var(--data-violet-surf-4)}.bass-bassist-detail.bass-era-session{border-left-color:var(--data-green-surf-6)}.bass-bassist-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.bass-bassist-detail-kicker{font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.25em;color:var(--accent-ink);margin-bottom:2px;display:block;text-transform:uppercase}.bass-bassist-detail-title{font-family:Cinzel,serif;font-size:1.4rem;font-weight:600;color:var(--accent-ink);margin:0}.bass-bassist-detail-lifespan{font-size:.82rem;color:var(--text-dim);margin:2px 0 0}.bass-bassist-detail-story{font-size:.92rem;color:var(--text);margin:0;line-height:1.6;font-style:italic}.bass-bassist-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.bass-bassist-detail-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.bass-bassist-detail-card-wide{grid-column:span 2}.bass-bassist-detail-card-quote{background:rgba(var(--accent-rgb),.08);border-color:var(--accent-dim)}.bass-bassist-detail-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-ink);font-weight:600}.bass-bassist-detail-card p,.bass-bassist-detail-card ul{font-size:.85rem;color:var(--text);margin:0;line-height:1.55}.bass-bassist-works,.bass-bassist-tracks{padding-left:18px;display:flex;flex-direction:column;gap:2px}.bass-bassist-works li::marker{color:var(--accent-dim-ink)}.bass-bassist-tracks li::marker{color:var(--accent-ink)}.bass-bassist-detail-card-quote blockquote{margin:0;font-style:italic;color:var(--accent-ink);font-size:1rem;line-height:1.5}@media (max-width: 700px){.bass-bassist-detail-card-wide{grid-column:1 / -1}}.bass-block-cheatsheet{grid-column:1 / -1}.bass-cheatsheet-song{font-size:.82rem;color:var(--text-dim);font-style:italic}.bass-cheatsheet-unknown-msg{font-size:.8rem;color:var(--text-dim);font-style:italic}.bass-cheatsheet-grid{display:flex;flex-direction:column;gap:6px}.bass-cheatsheet-row{display:grid;grid-template-columns:minmax(110px,1fr) 2.4fr minmax(180px,1fr);gap:14px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 14px}.bass-cheatsheet-row-unknown{grid-template-columns:minmax(110px,1fr) 1fr;opacity:.55}.bass-cheatsheet-chord-cell{display:flex;flex-direction:column;gap:2px}.bass-cheatsheet-chord{font-family:JetBrains Mono,monospace;font-size:1.15rem;font-weight:700;color:var(--accent-ink)}.bass-cheatsheet-position-hint{font-size:.72rem;color:var(--text-dim)}.bass-cheatsheet-position-hint strong{color:var(--text);font-family:JetBrains Mono,monospace}.bass-cheatsheet-notes{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.bass-cheatsheet-note{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:38px;padding:6px 10px;background:rgba(var(--accent-rgb),.06);border:1px solid var(--border);border-radius:8px;transition:border-color .12s,background .12s}.bass-cheatsheet-note:hover{border-color:var(--accent-dim)}.bass-cheatsheet-note-root{background:rgba(var(--accent-rgb),.18);border-color:var(--accent)}.bass-cheatsheet-note-octave{background:rgba(var(--accent-rgb),.04);border-style:dashed}.bass-cheatsheet-note-deg{font-size:.65rem;color:var(--accent-dim-ink);font-weight:600;letter-spacing:.04em}.bass-cheatsheet-note-root .bass-cheatsheet-note-deg{color:var(--accent-ink)}.bass-cheatsheet-note-name{font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700;color:var(--text)}.bass-cheatsheet-note-root .bass-cheatsheet-note-name{color:var(--accent-ink)}.bass-cheatsheet-positions{display:flex;flex-direction:column;gap:2px;align-items:flex-end;text-align:right}.bass-cheatsheet-positions-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.bass-cheatsheet-positions-list{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;align-items:center}.bass-cheatsheet-position{display:inline-flex;align-items:center;gap:2px;font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--text)}.bass-cheatsheet-position-string{color:var(--accent-ink);font-weight:700}.bass-cheatsheet-position-fret{color:var(--text);margin-left:2px}.bass-cheatsheet-position-sep{margin:0 4px;color:var(--text-dim);opacity:.5}@media (max-width: 720px){.bass-cheatsheet-row{grid-template-columns:1fr;gap:8px}.bass-cheatsheet-positions{align-items:flex-start;text-align:left}.bass-cheatsheet-positions-list{justify-content:flex-start}}.bass-cheatsheet-walking{margin-top:12px;padding:12px 14px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.06) 0%,transparent 100%);border:1px solid var(--accent-dim);border-radius:10px;display:flex;flex-direction:column;gap:10px}.bass-cheatsheet-walking-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-ink);font-weight:600}.bass-cheatsheet-walking-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.bass-cheatsheet-walking-bar{background:var(--bg-deep);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.bass-cheatsheet-walking-chord{font-family:JetBrains Mono,monospace;font-size:.92rem;color:var(--accent-ink);font-weight:700}.bass-cheatsheet-walking-notes{display:flex;gap:6px;flex-wrap:wrap}.bass-cheatsheet-walking-note{font-family:JetBrains Mono,monospace;font-size:.88rem;color:var(--accent-soft-ink);padding:2px 8px;background:rgba(var(--accent-rgb),.08);border-radius:4px}.bass-cheatsheet-walking-note.is-down{background:rgba(var(--accent-rgb),.22);color:var(--accent-ink);font-weight:700;box-shadow:0 0 0 1px var(--accent-dim)}.bass-cheatsheet-walking-hint{font-size:.76rem;color:var(--text-dim);margin:0;font-style:italic}.bass-block-bangers{grid-column:1 / -1}.bass-bangers-hint{font-size:.82rem;color:var(--text-dim)}.bass-bangers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:4px}.bass-banger-card{text-align:left;display:flex;flex-direction:column;gap:4px;background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent-dim);border-radius:10px;padding:10px 12px;color:var(--text);cursor:pointer;transition:border-color .15s,transform .1s,background .15s}.bass-banger-card:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.04);transform:translateY(-1px)}.bass-banger-card.has-riff{border-left-color:var(--accent);background:linear-gradient(180deg,rgba(var(--accent-rgb),.08) 0%,var(--panel) 60%)}.bass-banger-title{font-size:.96rem;font-weight:700;color:var(--text);line-height:1.25}.bass-banger-artist{font-size:.78rem;color:var(--text-dim)}.bass-banger-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:2px}.bass-banger-key{font-family:JetBrains Mono,monospace;font-size:.76rem;font-weight:700;color:var(--accent-ink);padding:2px 6px;background:rgba(var(--accent-rgb),.12);border-radius:4px}.bass-banger-badge{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:2px 6px;border-radius:4px;background:rgba(var(--veil-hi-rgb),.05);color:var(--text-dim)}.bass-banger-badge-verified{background:rgba(var(--data-green-surf-6-rgb),.16);color:var(--data-green-ink-5)}.bass-banger-badge-live{background:rgba(var(--data-red-surf-4-rgb),.16);color:var(--data-red-ink-5)}.bass-banger-badge-riff{background:rgba(var(--accent-rgb),.18);color:var(--accent-ink);font-weight:700}.bass-panel{display:flex;flex-direction:column;gap:14px;padding:4px 2px}.bass-panel-empty{color:var(--text-dim);font-size:.88rem;font-style:italic;padding:14px;text-align:center}.bass-panel-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-dim-ink);font-weight:600}.bass-panel-label strong{color:var(--accent-ink);font-weight:700;letter-spacing:0;text-transform:none;font-size:.9rem;margin-left:4px}.bass-panel-tuning{display:flex;flex-direction:column;gap:6px}.bass-panel-tuning-row{display:flex;flex-wrap:wrap;gap:4px}.bass-panel-tuning-btn{padding:4px 10px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.76rem;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.bass-panel-tuning-btn:hover{border-color:var(--accent-dim)}.bass-panel-tuning-btn.is-active{background:rgba(var(--accent-rgb),.16);border-color:var(--accent);color:var(--accent-ink)}.bass-panel-section{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid var(--border)}.bass-panel-section:first-child{border-top:none;padding-top:0}.bass-panel-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.bass-panel-scale-select{background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.8rem;padding:4px 8px;cursor:pointer}.bass-panel-scale-select:hover{border-color:var(--accent-dim)}.bass-panel-scale-select:focus{outline:none;border-color:var(--accent)}.bass-panel-fretboard{background:linear-gradient(180deg,#1f1a12,#14110a);border:1px solid var(--border);border-radius:8px;padding:8px 4px;overflow-x:auto}.bass-panel-hint{font-size:.76rem;color:var(--text-dim);margin:0;line-height:1.5}.bass-panel-hint strong{color:var(--accent-ink)}.bass-panel .bass-cheatsheet-row{grid-template-columns:1fr;gap:6px;padding:8px 10px}.bass-panel .bass-cheatsheet-positions{align-items:flex-start;text-align:left}.bass-panel .bass-cheatsheet-positions-list{justify-content:flex-start}.bass-panel .bass-cheatsheet-notes{gap:6px}.bass-panel .bass-cheatsheet-note{min-width:34px;padding:4px 8px}.bass-panel .bass-cheatsheet-walking-grid{grid-template-columns:1fr}.bass-panel-hub-btn{margin-top:4px;background:rgba(var(--accent-rgb),.1);border:1px solid var(--accent-dim);border-radius:8px;color:var(--accent-ink);font-size:.85rem;padding:8px 12px;cursor:pointer;transition:background .15s,border-color .15s}.bass-panel-hub-btn:hover{background:rgba(var(--accent-rgb),.2);border-color:var(--accent)}.view-mode-btn.bass-mode.is-active{background:rgba(var(--accent-rgb),.18);border-color:var(--accent);color:var(--accent-ink)}.saxists-header,.sax-riffs-header,.sax-styles-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.saxists-title,.sax-riffs-title,.sax-styles-title{margin:0;font-family:Cinzel,serif}.saxists-count,.sax-riffs-count,.sax-styles-count{font-size:.82rem;color:var(--accent-ink);background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.3);padding:3px 10px;border-radius:999px;font-weight:600;white-space:nowrap}.saxists-era-filters,.sax-riffs-filter-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.saxists-era-btn,.sax-riffs-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.25);border-radius:7px;color:var(--accent-ink);font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s}.saxists-era-btn:hover,.sax-riffs-filter-btn:hover{background:rgba(var(--accent-rgb),.14);border-color:rgba(var(--accent-rgb),.5)}.saxists-era-btn.is-active,.sax-riffs-filter-btn.is-active{background:linear-gradient(135deg,var(--accent-bright),var(--accent) 60%,var(--accent-dim));color:var(--text-inverse);border-color:var(--accent-invert);box-shadow:0 0 10px rgba(var(--accent-bright-rgb),.35)}.saxists-era-count,.sax-riffs-filter-count{font-size:.72rem;background:rgba(var(--veil-lo-rgb),.25);border-radius:999px;padding:1px 7px;font-weight:700}.saxists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.saxist-card{background:rgba(var(--accent-rgb),.04);border:1px solid rgba(var(--accent-rgb),.22);border-left:3px solid var(--accent);border-radius:10px;padding:12px 14px;transition:all .2s;display:flex;flex-direction:column;gap:8px}.saxist-card:hover{border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.08)}.saxist-card.is-expanded{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.55);grid-column:1 / -1}.saxist-era-pioneer{border-left-color:var(--accent-dim)}.saxist-era-bebop-hardbop{border-left-color:var(--accent)}.saxist-era-cool{border-left-color:var(--data-blue-surf-6)}.saxist-era-free{border-left-color:var(--data-red-surf-4)}.saxist-era-fusion{border-left-color:var(--data-violet-surf-5)}.saxist-era-pop-rock{border-left-color:var(--accent)}.saxist-era-modern{border-left-color:var(--data-green-surf-7)}.saxist-card-head{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;text-align:left;color:inherit;width:100%}.saxist-card-titleblock{flex:1;min-width:0}.saxist-name{margin:0 0 4px;font-family:Cinzel,serif;font-size:1.05rem;color:var(--accent-ink);font-weight:700}.saxist-nickname{font-style:italic;color:rgba(var(--text-warm-rgb),.75);font-size:.9rem;margin-left:6px;font-weight:400}.saxist-meta{font-size:.78rem;color:rgba(var(--text-warm-rgb),.65);display:flex;flex-wrap:wrap;gap:4px;align-items:center}.saxist-sep{opacity:.4}.saxist-saxes{text-transform:lowercase;font-style:italic}.saxist-card-chevron{color:var(--accent-ink);font-size:1rem;font-weight:700;margin-top:2px}.saxist-signature{margin:0;font-size:.88rem;color:rgba(var(--text-warm-rgb),.88);line-height:1.4;font-style:italic}.saxist-card-body{margin-top:8px;padding-top:10px;border-top:1px dashed rgba(var(--accent-rgb),.25);display:flex;flex-direction:column;gap:10px}.saxist-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:.85rem}.saxist-row-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-ink);font-weight:700;min-width:100px}.saxist-row-value{color:rgba(var(--text-warm-rgb),.92);flex:1}.saxist-story{margin:0;font-size:.9rem;line-height:1.55;color:rgba(var(--text-warm-rgb),.92);padding:8px 12px;background:rgba(var(--veil-lo-rgb),.2);border-radius:6px;border-left:2px solid rgba(var(--accent-rgb),.4)}.saxist-tracks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}.saxist-tracks li{font-style:italic;color:rgba(var(--text-warm-rgb),.88);font-size:.88rem}.saxist-tags{display:flex;flex-wrap:wrap;gap:5px}.saxist-tag{display:inline-block;padding:3px 9px;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.3);border-radius:999px;font-size:.78rem;color:var(--accent-ink);font-weight:600}.saxist-quote{margin:0;padding:10px 16px;background:rgba(var(--accent-rgb),.08);border-left:3px solid var(--accent);border-radius:6px;font-family:Cinzel,serif;font-size:.95rem;font-style:italic;color:rgba(var(--text-warm-rgb),.9);line-height:1.5}.saxist-riff-link{align-self:flex-start;background:rgba(var(--accent-rgb),.15);border:1px solid var(--accent);border-radius:7px;padding:6px 14px;color:var(--accent-ink);font-family:Inter,sans-serif;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .18s}.saxist-riff-link:hover{background:var(--accent);color:var(--text-inverse)}.sax-riffs-filters{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.sax-riffs-filter-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.sax-riffs-filter-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-ink);font-weight:700;min-width:60px}.sax-riffs-active-toggle{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:rgba(var(--text-warm-rgb),.85);cursor:pointer;-webkit-user-select:none;user-select:none}.sax-riffs-active-toggle input{accent-color:var(--accent)}.sax-riffs-filter-btn.sax-riffs-diff-beginner{border-color:rgba(var(--data-green-surf-7-rgb),.5)}.sax-riffs-filter-btn.sax-riffs-diff-intermediate{border-color:rgba(var(--data-blue-surf-6-rgb),.5)}.sax-riffs-filter-btn.sax-riffs-diff-advanced{border-color:rgba(var(--accent-rgb),.5)}.sax-riffs-filter-btn.sax-riffs-diff-expert{border-color:rgba(var(--data-red-surf-4-rgb),.5)}.sax-riffs-grid{display:grid;grid-template-columns:1fr;gap:10px}.sax-riffs-empty{padding:20px;text-align:center;color:rgba(var(--text-warm-rgb),.55);font-style:italic}.sax-riff{background:rgba(var(--accent-rgb),.04);border:1px solid rgba(var(--accent-rgb),.22);border-radius:9px;padding:12px 14px;transition:all .2s;display:flex;flex-direction:column;gap:6px}.sax-riff:hover{border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.07)}.sax-riff.is-expanded{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.55)}.sax-riff.is-on-active-sax{border-left:3px solid var(--accent);background:rgba(var(--accent-bright-rgb),.06)}.sax-riff-head{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:flex-start;gap:10px;text-align:left;color:inherit;width:100%}.sax-riff-titleblock{flex:1;min-width:0}.sax-riff-title{margin:0 0 3px;font-family:Cinzel,serif;font-size:1rem;color:var(--accent-ink);font-weight:700}.sax-riff-star{margin-left:6px;color:var(--accent-bright-ink);font-size:.9rem}.sax-riff-meta{font-size:.76rem;color:rgba(var(--text-warm-rgb),.65);display:flex;flex-wrap:wrap;gap:4px}.sax-riff-sep{opacity:.4}.sax-riff-key{color:var(--accent-ink);font-weight:700}.sax-riff-diff{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:999px;white-space:nowrap}.sax-riff-diff-beginner{background:rgba(var(--data-green-surf-7-rgb),.2);color:var(--data-green-ink-4)}.sax-riff-diff-intermediate{background:rgba(var(--data-blue-surf-6-rgb),.2);color:var(--data-blue-ink-3)}.sax-riff-diff-advanced{background:rgba(var(--accent-rgb),.2);color:var(--accent-soft-ink)}.sax-riff-diff-expert{background:rgba(var(--data-red-surf-4-rgb),.2);color:var(--data-red-ink-5)}.sax-riff-chevron{color:var(--accent-ink);font-size:1rem}.sax-riff-hook{margin:0;font-size:.85rem;color:rgba(var(--text-warm-rgb),.9);font-style:italic;line-height:1.45}.sax-riff-body{margin-top:8px;padding-top:10px;border-top:1px dashed rgba(var(--accent-rgb),.25);display:flex;flex-direction:column;gap:10px}.sax-riff-row{display:flex;align-items:baseline;gap:10px;font-size:.85rem}.sax-riff-row-block{flex-direction:column;align-items:stretch;gap:4px}.sax-riff-row-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-ink);font-weight:700;min-width:100px}.sax-riff-row-value{color:rgba(var(--text-warm-rgb),.9)}.sax-riff-genre-pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.76rem;font-weight:700;background:rgba(var(--accent-rgb),.14);color:var(--accent-ink);border:1px solid rgba(var(--accent-rgb),.3)}.sax-riff-technique{margin:0;font-size:.88rem;color:rgba(var(--text-warm-rgb),.9);line-height:1.5}.sax-riff-notation,.sax-riff-notes{margin:0;padding:10px 14px;background:rgba(var(--veil-lo-rgb),.35);border:1px solid rgba(var(--accent-rgb),.25);border-radius:6px;font-family:JetBrains Mono,Courier New,monospace;font-size:.85rem;color:var(--text-warm);white-space:pre-wrap;word-break:break-word;line-height:1.5}.sax-riff-notes{background:rgba(var(--accent-rgb),.08);color:var(--accent-ink);font-weight:600}.sax-styles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.sax-style{background:rgba(var(--accent-rgb),.04);border:1px solid rgba(var(--accent-rgb),.22);border-radius:10px;padding:12px 14px;transition:all .2s;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.sax-style:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:3px;background:var(--accent);pointer-events:none}.sax-style:hover{border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.08)}.sax-style.is-expanded{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.55);grid-column:1 / -1}.sax-style-bebop:before{background:var(--accent)}.sax-style-hardbop:before{background:var(--accent)}.sax-style-cool:before{background:var(--data-blue-surf-6)}.sax-style-modal:before{background:var(--data-green-surf-7)}.sax-style-free:before{background:var(--data-red-surf-4)}.sax-style-smooth:before{background:var(--data-violet-surf-5)}.sax-style-soul:before{background:var(--data-red-surf-6)}.sax-style-rock:before{background:var(--data-red-surf-4)}.sax-style-ska:before{background:var(--data-green-surf-5)}.sax-style-funk:before{background:var(--warn)}.sax-style-head{background:none;border:none;padding:0 0 0 10px;cursor:pointer;display:flex;align-items:flex-start;gap:10px;text-align:left;color:inherit;width:100%}.sax-style-order{width:26px;height:26px;border-radius:50%;background:rgba(var(--accent-rgb),.15);border:1px solid var(--accent);color:var(--accent-ink);font-family:Cinzel,serif;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sax-style-titleblock{flex:1;min-width:0}.sax-style-label{margin:0 0 3px;font-family:Cinzel,serif;font-size:1.05rem;color:var(--accent-ink);font-weight:700}.sax-style-meta{font-size:.78rem;color:rgba(var(--text-warm-rgb),.65);display:flex;flex-wrap:wrap;gap:4px}.sax-style-sep{opacity:.4}.sax-style-chevron{color:var(--accent-ink);font-size:1rem}.sax-style-oneliner{margin:0 0 0 10px;font-size:.88rem;color:rgba(var(--text-warm-rgb),.9);font-style:italic;line-height:1.45}.sax-style-body{margin:8px 0 0 10px;padding-top:10px;border-top:1px dashed rgba(var(--accent-rgb),.25);display:flex;flex-direction:column;gap:10px}.sax-style-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:.88rem}.sax-style-row-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-ink);font-weight:700;min-width:130px}.sax-style-row-value{margin:0;color:rgba(var(--text-warm-rgb),.92);flex:1;line-height:1.5}.sax-style-pattern{margin:0;padding:8px 12px;background:rgba(var(--veil-lo-rgb),.35);border:1px solid rgba(var(--accent-rgb),.25);border-radius:6px;font-family:JetBrains Mono,Courier New,monospace;font-size:.82rem;color:var(--text-warm);white-space:pre-wrap;flex:1}.sax-style-watchout{padding:10px 14px;background:rgba(var(--data-red-surf-4-rgb),.08);border-left:3px solid var(--data-red-surf-4);border-radius:6px}.sax-style-watchout .sax-style-row-label{color:var(--data-red-ink-5)}@media (max-width: 700px){.saxists-grid,.sax-styles-grid{grid-template-columns:1fr}.saxist-card.is-expanded,.sax-style.is-expanded{grid-column:1 / -1}.saxist-row-label,.sax-riff-row-label,.sax-style-row-label{min-width:auto;width:100%}}.mini-hub-scale{display:flex;flex-direction:column;gap:12px;padding:14px 14px 16px;margin:0 0 18px}.mini-hub-scale-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mini-hub-scale-title{margin:0;font-size:1rem;font-weight:700;color:var(--text);letter-spacing:.01em}.mini-hub-scale-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mini-hub-scale-fullscreen-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:8px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.18),rgba(var(--accent-rgb),.08));border:1px solid rgba(var(--accent-rgb),.55);color:var(--accent-ink);font-size:.82rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .15s,box-shadow .18s,background .15s,color .15s}.mini-hub-scale-fullscreen-btn:hover{background:linear-gradient(180deg,rgba(var(--accent-rgb),.28),rgba(var(--accent-rgb),.14));color:var(--accent-soft-ink);box-shadow:0 0 14px rgba(var(--accent-rgb),.35),inset 0 0 0 1px rgba(var(--accent-rgb),.7);transform:scale(1.04)}.mini-hub-scale-fullscreen-btn:active{transform:scale(.97)}.mini-hub-scale-fullscreen-btn svg{display:block}.mini-hub-scale-scope{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-soft, rgba(var(--veil-hi-rgb), .04))}.mini-hub-scale-scope-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:7px 12px;font-size:.78rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.mini-hub-scale-scope-btn:hover{color:var(--text)}.mini-hub-scale-scope-btn.is-active{background:rgba(var(--accent-rgb),.2);color:var(--accent-ink);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.45)}.mini-hub-scale-display-toggle{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-soft, rgba(var(--veil-hi-rgb), .04))}.mini-hub-scale-display-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:6px 12px;font-size:.8rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.mini-hub-scale-display-btn:hover{color:var(--text)}.mini-hub-scale-display-btn.is-active{background:var(--accent, var(--accent));color:var(--text-inverse)}.mini-hub-scale-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.mini-hub-scale-control{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 120px}.mini-hub-scale-control-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.mini-hub-scale-control-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-soft, rgba(var(--veil-hi-rgb), .05));border:1px solid var(--border);border-radius:8px;padding:8px 28px 8px 10px;font-size:.9rem;font-weight:600;color:var(--text);background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}.mini-hub-scale-control-reset{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:.82rem;font-weight:600;color:var(--text-muted);cursor:pointer;height:38px;transition:color .15s,border-color .15s}.mini-hub-scale-control-reset:hover{color:var(--text);border-color:var(--accent, var(--accent))}.mini-hub-scale-board{width:100%;touch-action:none;overscroll-behavior:contain}.mini-hub-scale-board>svg{width:100%;height:auto;display:block;touch-action:none}.mini-hub-scale-summary{margin:0;font-size:.85rem;color:var(--text-muted);display:flex;flex-wrap:wrap;align-items:center;gap:8px}.mini-hub-scale-summary strong{color:var(--text)}.mini-hub-scale-summary-sep{opacity:.5}.piano-mini-scale{display:block}.piano-mini-key{transition:fill .12s}.piano-mini-key--white{fill:var(--text);stroke:#2a2a2a;stroke-width:.6}.piano-mini-key--white.is-active{fill:var(--accent-soft-ink)}.piano-mini-key--white.is-root{fill:var(--accent-ink)}.piano-mini-key--black{fill:var(--text-inverse);stroke:#000;stroke-width:.6}.piano-mini-key--black.is-active{fill:var(--accent-dim-ink)}.piano-mini-key--black.is-root{fill:var(--accent-ink)}.piano-mini-key-label{fill:var(--text-inverse);pointer-events:none;-webkit-user-select:none;user-select:none}.piano-mini-key-label.is-black{fill:var(--text)}.piano-mini-key-label.is-root,.piano-mini-key-label.is-black.is-root{fill:var(--text-inverse)}.piano-mini-key.is-pressed{filter:drop-shadow(0 0 6px rgba(var(--accent-rgb),.85));fill:var(--accent-soft-ink)!important}.piano-mini-key--black.is-pressed{fill:var(--accent-ink)!important}.piano-mini-key.is-out-scope{opacity:.32}.piano-mini-scale.is-playable{touch-action:none}.piano-mini-scale.is-playable .piano-mini-key{cursor:pointer}.piano-mini-scale.is-full{display:block;width:100%;height:auto;max-height:100%;aspect-ratio:1600 / 200}.piano-mini-key--white{fill:#f5f5ef;stroke:#8a8a82;stroke-width:.6}.piano-mini-key--white.is-active{fill:var(--accent-ink);stroke:var(--accent-deep);stroke-width:.8}.piano-mini-key--white.is-root{fill:var(--accent-soft-ink);stroke:var(--accent-deep);stroke-width:1.2}.piano-mini-key--black{fill:var(--text-inverse);stroke:#000;stroke-width:.8}.piano-mini-key--black.is-active{fill:var(--accent-deep);stroke:#000;stroke-width:1}.piano-mini-key--black.is-root{fill:var(--accent-dim-ink);stroke:var(--text-inverse);stroke-width:1.4}.piano-mini-key.is-pressed{fill:var(--accent-bright-ink)!important;filter:drop-shadow(0 0 10px rgba(var(--accent-bright-rgb),.85))}.piano-mini-key--black.is-pressed{fill:var(--accent-soft-ink)!important}.piano-mini-key-label{fill:var(--text-inverse);font-weight:700}.piano-mini-key-label.is-black{fill:var(--text-warm)}.piano-mini-key-label.is-root{fill:var(--text-inverse)}.piano-mini-key-label.is-black.is-root{fill:var(--text-warm)}.guitar-fretboard.is-full{display:block;width:100%;height:100%;max-height:100%}.guitar-fretboard .fret-dot.is-pressed{fill:#f4d488!important;filter:drop-shadow(0 0 8px rgba(201,162,74,.85))}.guitar-fretboard.is-playable .fret-hit{cursor:pointer}@media (min-width: 901px){.mini-hub-scale{flex-direction:row;align-items:center;justify-content:space-between;padding:10px 16px;gap:16px}.mini-hub-scale-head{flex:1 1 auto;flex-wrap:nowrap}.mini-hub-scale-title{font-size:.95rem;color:var(--text-muted)}.mini-hub-scale-title:after{content:" · joue-le en plein écran";color:var(--text-muted);font-weight:400;opacity:.7}.mini-hub-scale-display-toggle,.mini-hub-scale-controls,.mini-hub-scale-board,.mini-hub-scale-summary{display:none}.mini-hub-scale-actions{gap:0}}@media (max-width: 480px){.mini-hub-scale-fullscreen-label{display:none}.mini-hub-scale-fullscreen-btn{padding:7px 9px}}.fs-instrument{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;background:radial-gradient(circle at 50% -10%,#1a1817,#0a0908 70%);color:var(--text);animation:fs-instrument-enter .22s ease-out;overscroll-behavior:contain;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.fs-instrument>.fs-instrument-topbar,.fs-instrument>.fs-toolbar,.fs-instrument>.fs-instrument-accessory{flex:0 0 auto}.fs-instrument>.fs-instrument-board{flex:0 0 auto;min-height:clamp(260px,36vh,420px)}@media (max-width: 700px),(max-height: 500px){.fs-instrument{overflow-y:auto;-webkit-overflow-scrolling:touch}.fs-instrument>.fs-instrument-board{flex:0 0 auto;min-height:240px}.fs-instrument-rotate-hint{position:sticky;bottom:8px;margin-left:auto;width:max-content}}.fs-seq-pattern *,.fs-arp-pattern *,.fs-chord-pad *,.fs-toolbar-preset-chip *{pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes fs-instrument-enter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.fs-instrument-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 100%,rgba(201,162,74,.1) 0%,transparent 55%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 2px,transparent 2px 4px);pointer-events:none;z-index:0}.fs-instrument-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 12px;height:48px;background:linear-gradient(180deg,rgba(10,9,8,.92) 0%,rgba(10,9,8,.6) 60%,transparent 100%);z-index:6;position:sticky;top:0}.fs-instrument-close,.fs-toolbar-toggle{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(201,162,74,.45);background:#1a1817b3;color:#d9b366;cursor:pointer;flex-shrink:0;transition:transform .18s,background .18s,box-shadow .18s,color .18s}.fs-instrument-close:hover{background:#c9a24a2e;transform:rotate(90deg);box-shadow:0 0 18px #c9a24a73}.fs-toolbar-toggle:hover{background:#c9a24a2e;color:#f4d488;box-shadow:0 0 14px #c9a24a59}.fs-toolbar-toggle.is-open{color:#f4d488;border-color:#c9a24ad9}.fs-instrument-titlebar{display:flex;flex-direction:column;align-items:center;gap:1px;flex:1 1 auto;min-width:0}.fs-instrument-title{font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:1.15rem;font-weight:500;letter-spacing:.04em;color:#f4e8c8;line-height:1.1}.fs-instrument-subtitle{font-size:.7rem;color:#c9a24ad9;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;margin-top:2px}.fs-instrument-key-badge{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;margin-left:auto;padding:0 .5rem;flex-shrink:0;pointer-events:none;-webkit-user-select:none;user-select:none}.fs-key-note{font-size:2rem;font-weight:700;color:#c9a24a;line-height:1;letter-spacing:-.02em;font-family:Cormorant Garamond,Playfair Display,Georgia,serif}.fs-key-scale{font-size:.8rem;color:#a08060;text-transform:uppercase;letter-spacing:.06em}.fs-instrument-subtitle-badge{display:inline-flex;align-items:center;padding:3px 11px;border-radius:999px;background:linear-gradient(180deg,#f4d4882e,#c9a24a1a);border:1px solid rgba(201,162,74,.45);color:#f4d488;letter-spacing:.12em;font-weight:700;box-shadow:inset 0 1px #ffffff1a,0 0 12px #c9a24a26}.fs-toolbar{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:stretch;gap:5px 8px;padding:5px 12px 6px;background:linear-gradient(180deg,#1a1817eb,#0f0d0cf2);border-top:1px solid rgba(201,162,74,.2);border-bottom:1px solid rgba(201,162,74,.3);box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #c9a24a1a,0 4px 12px #00000073;z-index:2;position:relative;min-width:0;overflow:visible}.fs-toolbar>.fs-toolbar-group--sound{grid-row:1;grid-column:1}.fs-toolbar>.fs-toolbar-group--display{grid-row:1;grid-column:2;justify-self:stretch;min-width:0}.fs-toolbar>.fs-toolbar-reset{grid-row:1;grid-column:3}.fs-toolbar>.fs-toolbar-group--preset{grid-row:2;grid-column:1 / -1}.fs-toolbar-group{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 8px;background:linear-gradient(180deg,#ffffff08,#0003);border:1px solid rgba(201,162,74,.16);border-radius:8px;min-height:48px;min-width:0;flex-shrink:0}.fs-toolbar-group+.fs-toolbar-group{margin-left:0}.fs-toolbar-group--preset{flex:1 1 0;min-width:0;overflow:visible;align-items:stretch}.fs-toolbar-group--display{flex:1 1 auto;min-width:0;max-width:100%}.fs-toolbar-group-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#c9a24ab3;writing-mode:vertical-rl;transform:rotate(180deg);padding-right:6px;border-right:1px dashed rgba(201,162,74,.2);margin-right:4px;align-self:stretch;display:flex;align-items:center}.fs-knob{display:flex;flex-direction:column;gap:2px;min-width:72px}.fs-knob-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#f4e8c8bf}.fs-knob-row{display:flex;align-items:center;gap:6px}.fs-knob-slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:56px;height:14px;background:transparent;cursor:pointer}.fs-knob-slider::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:linear-gradient(to right,#c9a24a 0%,#c9a24a var(--fs-knob-pct, 0%),rgba(255,255,255,.1) var(--fs-knob-pct, 0%),rgba(255,255,255,.1) 100%)}.fs-knob-slider::-moz-range-track{height:5px;border-radius:3px;background:#ffffff1a}.fs-knob-slider::-moz-range-progress{height:5px;border-radius:3px;background:#c9a24a}.fs-knob-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f4d488,#c9a24a 60%,#8a6a26);border:1px solid rgba(0,0,0,.4);box-shadow:0 0 6px #c9a24a8c;cursor:pointer}.fs-knob-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f4d488,#c9a24a);border:1px solid rgba(0,0,0,.4);box-shadow:0 0 6px #c9a24a8c;cursor:pointer}.fs-knob-value{font-family:Courier New,monospace;font-size:.72rem;font-weight:700;color:#f4d488;background:#00000080;padding:2px 5px;border-radius:3px;min-width:22px;text-align:right;font-variant-numeric:tabular-nums;box-shadow:inset 0 1px 2px #0009}.fs-led{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:6px 10px;background:linear-gradient(180deg,#ffffff0a,#0000004d);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f4e8c8b3;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:border-color .15s,color .15s}.fs-led:hover{border-color:#c9a24a66}.fs-led-dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3a3a3a,#1a1a1a);box-shadow:inset 0 1px 2px #000c;transition:background .18s,box-shadow .18s}.fs-led.is-on{border-color:#c9a24ab3;color:#f4d488}.fs-led.is-on .fs-led-dot{background:radial-gradient(circle at 30% 30%,#ffe388,#c9a24a 70%,#8a6a26);box-shadow:0 0 10px #c9a24ad9,inset 0 1px 2px #ffdc8299}.fs-toolbar-preset-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:4px;flex:1 1 auto;min-width:0;padding-bottom:0}.fs-toolbar-preset-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:4px 9px;min-height:38px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(180deg,#ffffff0d,#0000004d);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f4e8c8d9;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;position:relative;transition:background .15s,border-color .15s,color .15s,transform .12s,box-shadow .15s;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #00000059}.fs-toolbar-preset-chip-label,.fs-toolbar-preset-chip-hint{pointer-events:none;-webkit-user-select:none;user-select:none}.fs-toolbar-preset-chip-label{font-size:.78rem;font-weight:700;letter-spacing:.02em;color:inherit;line-height:1.1}.fs-toolbar-preset-chip-hint{font-size:.55rem;font-weight:500;letter-spacing:.04em;color:#f4e8c880;text-transform:none;line-height:1.1;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:1px}.fs-toolbar-preset-chip:hover{background:linear-gradient(180deg,#c9a24a2e,#c9a24a0d);border-color:#c9a24a8c;color:#f4d488;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff14,0 4px 10px #00000073}.fs-toolbar-preset-chip:hover .fs-toolbar-preset-chip-hint{color:#f4d488d9}.fs-toolbar-preset-chip.is-active{background:linear-gradient(180deg,#f4d488,#c9a24a 60%,#a07c2c);border-color:#c9a24af2;color:#1a1208;box-shadow:0 0 14px #c9a24a80,inset 0 1px #ffffff73,inset 0 -1px #0003;transform:none}.fs-toolbar-preset-chip.is-active .fs-toolbar-preset-chip-label{color:#1a1208;text-shadow:0 1px 0 rgba(255,255,255,.25)}.fs-toolbar-preset-chip.is-active .fs-toolbar-preset-chip-hint{color:#1a1208b3}.fs-toolbar-display{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;overflow:visible;min-width:0}.fs-toolbar-display .fs-display-controls{flex-direction:row!important;align-items:center;gap:8px 10px;flex-wrap:wrap;width:100%}.fs-toolbar-display .fs-display-row{flex-direction:row!important;align-items:center;gap:5px;font-size:.74rem;flex-shrink:0}.fs-toolbar-display .fs-display-row-label{font-size:.6rem}.fs-toolbar-display .fs-display-select{padding:4px 8px;font-size:.78rem}.fs-toolbar-display .fs-segmented-btn{padding:4px 8px;font-size:.72rem}.fs-toolbar-display .fs-display-reset{padding:4px 8px;font-size:.7rem}.fs-toolbar-reset{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:center;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#0000004d;border:1px dashed rgba(201,162,74,.4);color:#f4e8c8a6;font-size:1.05rem;cursor:pointer;flex-shrink:0;transition:color .15s,border-color .15s,transform .18s}.fs-toolbar-reset:hover{color:#f4d488;border-color:#c9a24ab3;transform:rotate(-90deg)}.fs-instrument-rotate-hint{position:absolute;bottom:8px;right:8px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#1a1817d9;border:1px solid rgba(201,162,74,.4);color:#f4e8c8;font-size:.72rem;z-index:3}.fs-instrument-accessory{padding:5px 12px 6px;background:linear-gradient(180deg,#14110ed9,#0c0a08f2);border-bottom:1px solid rgba(201,162,74,.18);box-shadow:inset 0 1px #c9a24a1a,0 6px 14px #00000059;position:relative;z-index:2;display:flex;flex-direction:column;gap:11px}.fs-transport{display:flex;flex-direction:column;gap:3px;min-width:0}.fs-transport-kicker{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#c9a24ad9;padding-left:2px}.fs-transport-row{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}.fs-transport-play{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.1) 0%,transparent 55%),linear-gradient(180deg,#2a1f12,#15100a);border:1px solid rgba(201,162,74,.6);color:#c9a24a;cursor:pointer;flex-shrink:0;transition:background .18s,color .18s,box-shadow .18s,transform .1s;box-shadow:inset 0 1px #ffffff14,inset 0 -2px 6px #0000008c,0 3px 8px #00000073}.fs-transport-play:hover{color:#f4d488;border-color:#c9a24ad9;box-shadow:inset 0 1px #ffffff1a,inset 0 -2px 6px #0000008c,0 4px 14px #c9a24a4d}.fs-transport-play:active{transform:translateY(1px)}.fs-transport-play.is-playing{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.18) 0%,transparent 55%),linear-gradient(180deg,#f4d488,#c9a24a 60%,#8a6a26);color:#1a1208;border-color:#ffe096f2;box-shadow:0 0 22px #c9a24aa6,inset 0 2px 4px #ffffff40,inset 0 -2px 4px #0006}.fs-transport-stop{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#1e1510,#0f0b07);border:1px solid rgba(201,162,74,.4);color:#c9a24ab3;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s,border-color .15s,transform .1s;box-shadow:inset 0 -2px 4px #00000080,0 2px 5px #0006}.fs-transport-stop:hover{color:#f4d488;border-color:#c9a24abf;box-shadow:inset 0 -2px 4px #00000080,0 3px 10px #c9a24a38}.fs-transport-stop:active{transform:translateY(1px)}.fs-transport-bpm{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;background:linear-gradient(180deg,#0000008c,#000000bf);border:1px solid rgba(201,162,74,.35);box-shadow:inset 0 1px 3px #000000b3,0 1px #ffffff0a;min-width:0}.fs-transport-bpm-display{display:flex;align-items:baseline;gap:4px;padding:0 6px}.fs-transport-bpm-value{font-family:Courier New,Consolas,monospace;font-size:1.4rem;font-weight:700;color:#ffe388;text-shadow:0 0 8px rgba(255,227,136,.55),0 0 18px rgba(201,162,74,.3);letter-spacing:.02em;line-height:1;font-variant-numeric:tabular-nums;min-width:2.4em;text-align:right}.fs-transport-bpm-unit{font-size:.6rem;font-weight:700;letter-spacing:.16em;color:#c9a24ab3}.fs-transport-bpm-buttons{display:grid;grid-template-columns:repeat(4,auto);gap:3px}.fs-transport-bpm-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:26px;height:22px;padding:0 6px;border-radius:4px;border:1px solid rgba(201,162,74,.25);background:linear-gradient(180deg,#ffffff0d,#0000004d);color:#f4e8c8cc;font-size:.65rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.fs-transport-bpm-btn:hover{color:#f4d488;border-color:#c9a24a8c;background:#c9a24a1f}.fs-transport-tap{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:56px;padding:0;border-radius:8px;border:1px solid rgba(201,162,74,.55);background:radial-gradient(circle at 50% 0%,rgba(244,212,136,.1) 0%,transparent 60%),linear-gradient(180deg,#282016d9,#120e0ad9);color:#f4d488;font-size:.8rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:color .15s,border-color .15s,background .15s,transform .1s;box-shadow:inset 0 1px #ffffff0f,0 2px 5px #0006}.fs-transport-tap:hover{border-color:#c9a24af2;color:#ffe388;background:radial-gradient(circle at 50% 0%,rgba(244,212,136,.22) 0%,transparent 60%),linear-gradient(180deg,#3c301ed9,#1c160ed9)}.fs-transport-tap:active{transform:translateY(1px)}.fs-transport-metro{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 10px;border-radius:8px;background:linear-gradient(180deg,#ffffff0a,#0000004d);border:1px solid rgba(255,255,255,.1);color:#f4e8c8b3;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:border-color .15s,color .15s}.fs-transport-metro:hover{border-color:#c9a24a66}.fs-transport-metro-dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3a3a3a,#1a1a1a);box-shadow:inset 0 1px 2px #000c;transition:background .18s,box-shadow .18s}.fs-transport-metro.is-on{border-color:#c9a24ab3;color:#f4d488}.fs-transport-metro.is-on .fs-transport-metro-dot{background:radial-gradient(circle at 30% 30%,#ffe388,#c9a24a 70%,#8a6a26);box-shadow:0 0 10px #c9a24ad9,inset 0 1px 2px #ffdc8299}.fs-transport-beats{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;background:linear-gradient(180deg,#0000008c,#000000bf);border:1px solid rgba(201,162,74,.3);box-shadow:inset 0 1px 3px #000000b3;flex-shrink:0}.fs-transport-beat{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#2a2620,#15110a);box-shadow:inset 0 1px 2px #000c;transition:background .05s linear,box-shadow .05s linear}.fs-transport-beat.is-down{outline:1px solid rgba(201,162,74,.25);outline-offset:1px}.fs-transport-beat.is-lit{background:radial-gradient(circle at 30% 30%,#ffe388,#c9a24a 65%,#8a6a26);box-shadow:0 0 12px #ffe388bf,inset 0 1px 2px #ffdc8299}@media (max-width: 700px),(max-height: 430px){.fs-transport-play{width:42px;height:42px}.fs-transport-bpm-value{font-size:1.4rem}.fs-transport-tap{width:48px;font-size:.72rem}.fs-transport-beats{padding:3px 7px;gap:4px}.fs-transport-beat{width:8px;height:8px}}.fs-stage-row-1{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}.fs-stage-row-1>.fs-transport{flex:1 1 auto;min-width:0}.fs-stage-row-1>.fs-arp{flex:1 1 auto;min-width:0}.fs-mod{--mod: #c9a24a;--mod-band: color-mix(in srgb, var(--mod) 24%, transparent);--mod-band-2: color-mix(in srgb, var(--mod) 6%, transparent);--mod-line: color-mix(in srgb, var(--mod) 36%, transparent);--mod-tint: color-mix(in srgb, var(--mod) 13%, transparent);display:flex;flex-direction:column;min-width:0;border-radius:14px;background:linear-gradient(180deg,var(--mod-tint) 0%,rgba(16,12,10,.92) 58%);border:1px solid var(--mod-line);box-shadow:0 10px 24px #0000006b,-4px 0 0 0 var(--mod) inset}.fs-mod-hdr{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:9px 15px;background:linear-gradient(180deg,var(--mod-band) 0%,var(--mod-band-2) 100%);border-bottom:1px solid var(--mod-line);border-radius:13px 13px 0 0}.fs-mod-led{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:radial-gradient(circle at 35% 30%,#fff,var(--mod));box-shadow:0 0 8px 1px color-mix(in srgb,var(--mod) 70%,transparent)}.fs-mod-name{font-size:1rem;font-weight:800;color:#fff;letter-spacing:.01em;text-shadow:0 1px 3px rgba(0,0,0,.5)}.fs-mod-spacer{flex:1 1 auto}.fs-mod-body{display:flex;align-items:stretch;gap:0;padding:13px 15px}.fs-mod-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:11px}.fs-mod-ctlrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.fs-mod-vol{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding-left:14px;margin-left:6px;border-left:1px solid var(--mod-line)}.fs-mod-editor{padding:0 15px 13px}.fs-mod-main .fs-arp-strip,.fs-mod-main .fs-bass-strip,.fs-mod-main .fs-comp-strip,.fs-mod-main .fs-drone-strip,.fs-mod-main .fs-seq-strip{flex-wrap:wrap;align-content:flex-start;flex:0 0 auto;overflow-x:hidden;overflow-y:auto;max-height:98px}.fs-mod-vol .knob-dial{--knob-accent: var(--vol-knob, #4fd39a)}.fs-mod-vol .knob-value{color:var(--vol-knob, #4fd39a)}.fs-mod>.fs-seq-row3{margin:0 15px 11px}.fs-mod--transport{--mod: #c9a24a}.fs-mod--arp{--mod: #ff6b6b}.fs-mod--arp2{--mod: #b98bff}.fs-mod--bass{--mod: #5b9bff}.fs-mod--comp{--mod: #f59e4b}.fs-mod--drone{--mod: #36d6c3}.fs-mod--seq{--mod: #3fd0e0}.fs-mod--fx{--mod: #6aa0ff}@media (max-width: 700px),(max-height: 430px){.fs-mod-hdr{padding:7px 11px;gap:8px}.fs-mod-body{padding:10px 11px}.fs-mod-vol{padding-left:10px;margin-left:3px}}.fs-arp{display:flex;flex-direction:column;gap:3px;min-width:0}.fs-arp-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.fs-arp-kicker{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#c9a24ad9;padding-left:2px}.fs-arp-current{display:inline-flex;align-items:baseline;gap:8px;font-size:.74rem;color:#f4e8c8d9}.fs-arp-current-cat{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffa882d9;padding:2px 7px;border-radius:999px;border:1px solid rgba(255,130,90,.45);background:#0006}.fs-arp-current-name{color:#ffb88f;font-weight:700}.fs-arp-current-div{font-family:Courier New,monospace;font-size:.7rem;color:#ffa882a6;font-variant-numeric:tabular-nums}.fs-arp-row{display:flex;align-items:stretch;gap:8px;flex-wrap:nowrap;min-width:0}.fs-arp-strip{display:flex;align-items:stretch;flex-wrap:wrap;align-content:flex-start;gap:7px;overflow-x:hidden;overflow-y:auto;max-height:98px;scrollbar-width:thin;padding:2px;flex:1 1 auto;min-width:0;scrollbar-color:rgba(255,130,90,.4) transparent}.fs-arp-strip::-webkit-scrollbar{height:6px}.fs-arp-strip::-webkit-scrollbar-thumb{background:#ff825a66;border-radius:3px}.fs-arp-strip::-webkit-scrollbar-track{background:transparent}.fs-arp-pattern{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:4px 9px;min-height:40px;min-width:108px;scroll-snap-align:center;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:8px;border:1px solid rgba(255,130,90,.25);background:linear-gradient(180deg,#ffffff0a,#0000004d);color:#f4e8c8cc;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .1s;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #00000059;flex-shrink:0;position:relative}.fs-arp-pattern-cat{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#ff825aa6;line-height:1.2}.fs-arp-pattern-name{font-size:.82rem;font-weight:700;letter-spacing:.02em;line-height:1.1;color:inherit}.fs-arp-pattern-div{font-family:Courier New,monospace;font-size:.6rem;color:#f4e8c873;letter-spacing:.05em;font-variant-numeric:tabular-nums;margin-top:1px}.fs-arp-pattern:hover{border-color:#ff825aa6;background:linear-gradient(180deg,#ff825a29,#ff825a0a);color:#ffb88f;transform:translateY(-1px)}.fs-arp-pattern:hover .fs-arp-pattern-cat,.fs-arp-pattern:hover .fs-arp-pattern-div{color:#ffc896cc}.fs-arp-pattern.is-active{background:linear-gradient(180deg,#ffb88f,#d35a2a 60%,#8c2e0e);border-color:#ffa882f2;color:#1a0a04;box-shadow:0 0 14px #ff825280,inset 0 1px #ffdcc866,inset 0 -1px #0003;transform:none}.fs-arp-pattern.is-active .fs-arp-pattern-cat,.fs-arp-pattern.is-active .fs-arp-pattern-name,.fs-arp-pattern.is-active .fs-arp-pattern-div{color:#1a0a04}.fs-arp-power{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 12px;border-radius:8px;background:linear-gradient(180deg,#282016d9,#120e0ad9);border:1px solid rgba(255,255,255,.1);color:#f4e8c8b3;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:border-color .15s,color .15s,box-shadow .18s;flex-shrink:0}.fs-arp-power:hover{border-color:#c9a24a66}.fs-arp-power-dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3a3a3a,#1a1a1a);box-shadow:inset 0 1px 2px #000c;transition:background .18s,box-shadow .18s}.fs-arp-power.is-on{border-color:#ff8282d9;color:#ffb88f;box-shadow:0 0 14px #ff825a40}.fs-arp-power.is-on .fs-arp-power-dot{background:radial-gradient(circle at 30% 30%,#ffd0a0,#ff8552 60%,#b34a1f);box-shadow:0 0 10px #ff8552d9,inset 0 1px 2px #ffc89699;animation:fs-arp-pulse 1.2s ease-in-out infinite}@keyframes fs-arp-pulse{0%,to{box-shadow:0 0 8px rgba(var(--data-red-surf-9-rgb),.55),inset 0 1px 2px rgba(var(--accent-bright-rgb),.6)}50%{box-shadow:0 0 18px #ff8552f2,inset 0 1px 2px #ffc89699}}.fs-arp-group{display:inline-flex;align-items:center;gap:3px;padding:3px 5px;border-radius:7px;background:linear-gradient(180deg,#00000059,#0000008c);border:1px solid rgba(201,162,74,.25);box-shadow:inset 0 1px 2px #00000073}.fs-arp-group-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;color:#c9a24ab3;text-transform:uppercase;padding:0 4px}.fs-arp-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:32px;height:26px;padding:0 8px;border-radius:4px;border:1px solid transparent;background:transparent;color:#f4e8c8a6;font-size:.78rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:color .15s,background .15s,border-color .15s;font-variant-numeric:tabular-nums}.fs-arp-chip--pattern{font-size:1rem;line-height:1}.fs-arp-chip:hover{color:#f4d488;background:#c9a24a1a}.fs-arp-chip.is-active{background:linear-gradient(180deg,#f4d488,#c9a24a);color:#1a1208;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0003;text-shadow:0 1px 0 rgba(255,255,255,.2)}.fs-arp-latch{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:7px;background:linear-gradient(180deg,#ffffff0a,#0000004d);border:1px solid rgba(255,255,255,.1);color:#f4e8c8a6;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:border-color .15s,color .15s}.fs-arp-latch:hover{border-color:#c9a24a66}.fs-arp-latch-dot{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3a3a3a,#1a1a1a);box-shadow:inset 0 1px 2px #000c}.fs-arp-latch.is-on{border-color:#c9a24ab3;color:#f4d488}.fs-arp-latch.is-on .fs-arp-latch-dot{background:radial-gradient(circle at 30% 30%,#ffe388,#c9a24a 70%,#8a6a26);box-shadow:0 0 8px #c9a24ad9}@media (max-width: 700px),(max-height: 430px){.fs-stage-row-1{gap:8px}.fs-arp-power{padding:4px 9px}.fs-arp-chip{min-width:26px;height:22px;padding:0 6px;font-size:.7rem}}.fs-seq{display:flex;flex-direction:column;gap:3px;min-width:0}.fs-seq-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.fs-seq-kicker{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#c9a24ad9;padding-left:2px}.fs-seq-current{display:inline-flex;align-items:baseline;gap:8px;font-size:.74rem;color:#f4e8c8d9;letter-spacing:.02em}.fs-seq-current-cat{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#c9a24abf;padding:2px 7px;border-radius:999px;border:1px solid rgba(201,162,74,.3);background:#0006}.fs-seq-current-name{color:#f4d488;font-weight:700}.fs-seq-current-bpm{font-family:Courier New,monospace;font-size:.7rem;color:#c9a24aa6;font-variant-numeric:tabular-nums}.fs-seq-row{display:flex;align-items:stretch;gap:8px;min-width:0}.fs-seq-power{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 12px;border-radius:8px;background:linear-gradient(180deg,#282016d9,#120e0ad9);border:1px solid rgba(255,255,255,.1);color:#f4e8c8b3;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;flex-shrink:0;transition:border-color .15s,color .15s,box-shadow .18s}.fs-seq-power:hover{border-color:#c9a24a66}.fs-seq-power-dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3a3a3a,#1a1a1a);box-shadow:inset 0 1px 2px #000c;transition:background .18s,box-shadow .18s}.fs-seq-power.is-on{border-color:#78dcffd9;color:#9bd9ff;box-shadow:0 0 14px #78c8ff4d}.fs-seq-power.is-on .fs-seq-power-dot{background:radial-gradient(circle at 30% 30%,#d0f0ff,#66c0ff 60%,#2a6090);box-shadow:0 0 10px #78c8ffd9,inset 0 1px 2px #dcf0ff99;animation:fs-seq-pulse 1.2s ease-in-out infinite}@keyframes fs-seq-pulse{0%,to{box-shadow:0 0 8px rgba(var(--data-blue-surf-9-rgb),.55),inset 0 1px 2px rgba(var(--data-blue-surf-12-rgb),.6)}50%{box-shadow:0 0 18px #78c8fff2,inset 0 1px 2px #dcf0ff99}}.fs-seq-nav-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;align-self:stretch;border-radius:7px;border:1px solid rgba(201,162,74,.3);background:linear-gradient(180deg,#00000059,#0000008c);color:#f4d488;font-size:1.2rem;font-weight:700;cursor:pointer;transition:color .15s,border-color .15s,background .15s;flex-shrink:0}.fs-seq-nav-btn:hover{border-color:#c9a24abf;background:#c9a24a1f;color:#ffe388}.fs-seq-strip{display:flex;align-items:stretch;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:2px;flex:1 1 auto;min-width:0;scroll-snap-type:x proximity;scrollbar-color:rgba(201,162,74,.4) transparent}.fs-seq-strip::-webkit-scrollbar{height:6px}.fs-seq-strip::-webkit-scrollbar-thumb{background:#c9a24a66;border-radius:3px}.fs-seq-strip::-webkit-scrollbar-track{background:transparent}.fs-seq-pattern{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:4px 9px;min-height:40px;min-width:108px;scroll-snap-align:center;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0a,#0000004d);color:#f4e8c8cc;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .1s;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #00000059;flex-shrink:0;position:relative}.fs-seq-pattern-cat{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#c9a24aa6;line-height:1.2}.fs-seq-pattern-name{font-size:.82rem;font-weight:700;letter-spacing:.02em;line-height:1.1;color:inherit}.fs-seq-pattern-bpm{font-family:Courier New,monospace;font-size:.6rem;color:#f4e8c873;letter-spacing:.05em;font-variant-numeric:tabular-nums;margin-top:1px}.fs-seq-pattern:hover{border-color:#c9a24a8c;background:linear-gradient(180deg,#c9a24a24,#c9a24a0a);color:#f4d488;transform:translateY(-1px)}.fs-seq-pattern:hover .fs-seq-pattern-cat,.fs-seq-pattern:hover .fs-seq-pattern-bpm{color:#f4d488cc}.fs-seq-pattern.is-active{background:linear-gradient(180deg,#f4d488,#c9a24a 60%,#a07c2c);border-color:#c9a24af2;color:#1a1208;box-shadow:0 0 14px #c9a24a80,inset 0 1px #ffffff73,inset 0 -1px #0003;transform:none}.fs-seq-pattern.is-active .fs-seq-pattern-cat,.fs-seq-pattern.is-active .fs-seq-pattern-bpm,.fs-seq-pattern.is-active .fs-seq-pattern-name{color:#1a1208}.fs-drone{display:flex;flex-direction:column;gap:3px}.fs-drone-kicker{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#c9a24ad9;padding-left:2px}.fs-drone-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fs-drone-power{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 12px;border-radius:8px;background:linear-gradient(180deg,#282016d9,#120e0ad9);border:1px solid rgba(255,255,255,.1);color:#f4e8c8b3;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:border-color .15s,color .15s,box-shadow .18s;flex-shrink:0}.fs-drone-power:hover{border-color:#c9a24a66}.fs-drone-power-dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3a3a3a,#1a1a1a);box-shadow:inset 0 1px 2px #000c}.fs-drone-power.is-on{border-color:#96dcaad9;color:#b8e8c8;box-shadow:0 0 14px #78c89640}.fs-drone-power.is-on .fs-drone-power-dot{background:radial-gradient(circle at 30% 30%,#d8f0e0,#6cc090 60%,#2a8050);box-shadow:0 0 10px #78c896d9}.fs-drone-group{display:inline-flex;align-items:center;gap:3px;padding:3px 5px;border-radius:7px;background:linear-gradient(180deg,#00000059,#0000008c);border:1px solid rgba(201,162,74,.25);box-shadow:inset 0 1px 2px #00000073}.fs-drone-preset{min-width:130px}.fs-drone-vol{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 6px;border-radius:7px;background:linear-gradient(180deg,#00000059,#0000008c);border:1px solid rgba(201,162,74,.25)}.fs-drone-vol-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#f4e8c8bf}@media (max-width: 700px),(max-height: 430px){.fs-seq-pattern{min-width:110px;min-height:44px;padding:4px 9px}.fs-seq-pattern-name{font-size:.72rem}.fs-drone-preset{min-width:100px}}.fs-arp-preset-picker{position:relative;display:inline-flex}.fs-arp-preset-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;border:1px solid rgba(201,162,74,.3);background:linear-gradient(180deg,#281e0f8c,#140f08a6);color:#f0d49a;font:inherit;font-size:.75rem;cursor:pointer;transition:border-color .12s ease,background .12s ease}.fs-arp-preset-btn:hover{border-color:#c9a24a8c;background:linear-gradient(180deg,#3c2d16a6,#1e160cbf)}.fs-arp-preset-btn.is-open{border-color:#c9a24ad9;box-shadow:0 0 0 1px #c9a24a40 inset}.fs-arp-preset-label{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#c9a24ab3}.fs-arp-preset-value{font-weight:600;color:#f4d488;white-space:nowrap}.fs-arp-preset-chevron{font-size:.7rem;color:#c9a24ab3;margin-left:2px}.fs-arp-preset-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:50;width:max-content;max-width:min(360px,88vw);padding:8px;border-radius:10px;border:1px solid rgba(201,162,74,.4);background:linear-gradient(180deg,#1c160cf5,#0f0c08fa);box-shadow:0 12px 28px #0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fs-arp-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));gap:4px}.fs-arp-preset-chip{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border-radius:6px;border:1px solid rgba(201,162,74,.18);background:#281e0f4d;color:#e5d4a9;font-size:.72rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:border-color .12s ease,background .12s ease,color .12s ease}.fs-arp-preset-chip:hover{border-color:#c9a24a8c;background:#3c2d1673;color:#f4d488}.fs-arp-preset-chip.is-active{border-color:#c9a24ad9;background:linear-gradient(180deg,#c9a24aa6,#8c692a8c);color:#1a130a;font-weight:700;box-shadow:0 0 0 1px #c9a24a59}@media (max-width: 720px){.fs-arp-preset-grid{grid-template-columns:repeat(2,minmax(70px,1fr))}.fs-arp-preset-label{display:none}}.fs-gmpick{--gmpick-accent: #c9a24a;position:relative;display:inline-flex}.fs-gmpick-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--gmpick-accent) 35%,transparent);background:#ffffff0a;color:#e9e2d2;font:inherit;font-size:.75rem;cursor:pointer;transition:border-color .12s ease,background .12s ease}.fs-gmpick-btn:hover{border-color:color-mix(in srgb,var(--gmpick-accent) 60%,transparent);background:#ffffff12}.fs-gmpick-btn.is-open{border-color:var(--gmpick-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--gmpick-accent) 30%,transparent) inset}.fs-gmpick-label{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:color-mix(in srgb,var(--gmpick-accent) 75%,#cccccc)}.fs-gmpick-value{font-weight:600;color:#f3ecdc;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.fs-gmpick-chevron{font-size:.7rem;color:color-mix(in srgb,var(--gmpick-accent) 70%,#cccccc);margin-left:2px}.fs-gmpick-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:60;width:max-content;max-width:min(420px,92vw);padding:8px;border-radius:10px;border:1px solid color-mix(in srgb,var(--gmpick-accent) 45%,transparent);background:linear-gradient(180deg,#141418f7,#0a0a0dfa);box-shadow:0 12px 28px #0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fs-gmpick-search{width:100%;box-sizing:border-box;height:30px;padding:0 10px;margin-bottom:8px;border-radius:7px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#f0ece2;font:inherit;font-size:.78rem}.fs-gmpick-search:focus{outline:none;border-color:var(--gmpick-accent)}.fs-gmpick-list{max-height:min(48vh,340px);overflow-y:auto;padding-right:2px}.fs-gmpick-fam{margin-bottom:6px}.fs-gmpick-fam-title{position:sticky;top:0;margin:0 0 4px;padding:2px 2px 3px;font-size:.56rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:color-mix(in srgb,var(--gmpick-accent) 80%,#bbbbbb);background:linear-gradient(180deg,#141418fa,#14141800)}.fs-gmpick-fam-grid{display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));gap:4px}.fs-gmpick-chip{display:inline-flex;align-items:center;justify-content:center;text-align:center;height:30px;padding:0 8px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#ddd6c8;font-size:.7rem;font-weight:500;cursor:pointer;line-height:1.05;transition:border-color .12s ease,background .12s ease,color .12s ease}.fs-gmpick-chip:hover{border-color:color-mix(in srgb,var(--gmpick-accent) 55%,transparent);background:color-mix(in srgb,var(--gmpick-accent) 12%,transparent);color:#fff}.fs-gmpick-chip.is-active{border-color:var(--gmpick-accent);background:color-mix(in srgb,var(--gmpick-accent) 32%,transparent);color:#fff;font-weight:700;box-shadow:0 0 0 1px color-mix(in srgb,var(--gmpick-accent) 30%,transparent)}.fs-gmpick-empty{color:#ffffff80;font-size:.75rem;padding:8px 4px}@media (max-width: 720px){.fs-gmpick-fam-grid{grid-template-columns:repeat(2,minmax(84px,1fr))}.fs-gmpick-label{display:none}.fs-gmpick-value{max-width:90px}}.fs-chord-pads{display:flex;flex-direction:column;gap:3px;min-width:0}.fs-chord-pads-header{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-left:2px}.fs-chord-pads-playmode,.fs-chord-pads-quantize{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.fs-chord-pads-quantize{margin-left:4px}.fs-chord-pads-quantize-label{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#c9a24ab3;padding-right:2px}.fs-chord-pads-kicker{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#c9a24ad9;padding-left:2px}.fs-chord-pads-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;min-width:0}.fs-chord-pad{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:6px 4px;min-height:46px;border-radius:10px;border:1px solid rgba(201,162,74,.32);background:radial-gradient(circle at 50% -20%,rgba(244,212,136,.18) 0%,transparent 60%),linear-gradient(180deg,#282016f2,#120e0af2);color:#f4e8c8;cursor:pointer;transition:transform .1s ease-out,background .18s,box-shadow .18s,border-color .18s;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-shadow:inset 0 1px #ffffff14,inset 0 -2px #00000073,0 3px 8px #00000073;position:relative;overflow:hidden}.fs-chord-pad-symbol,.fs-chord-pad-sub{pointer-events:none;-webkit-user-select:none;user-select:none}.fs-chord-pad:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 30%);pointer-events:none}.fs-chord-pad-symbol{font-family:Cormorant Garamond,Playfair Display,Georgia,serif;font-size:1.15rem;font-weight:600;line-height:1;color:#f4d488;text-shadow:0 1px 0 rgba(0,0,0,.45);letter-spacing:.01em}.fs-chord-pad-sub{font-size:.58rem;font-weight:700;letter-spacing:.12em;color:#f4e8c88c;text-transform:none;font-variant-numeric:tabular-nums}.fs-chord-pad:hover{border-color:#c9a24aa6;background:radial-gradient(circle at 50% -20%,rgba(244,212,136,.28) 0%,transparent 60%),linear-gradient(180deg,#3c301ef2,#1c160ef2);box-shadow:inset 0 1px #ffffff1f,inset 0 -2px #00000073,0 6px 14px #0000008c}.fs-chord-pad:hover .fs-chord-pad-sub{color:#f4d488d9}.fs-chord-pad.is-pressed,.fs-chord-pad:active{transform:translateY(2px) scale(.98);background:radial-gradient(circle at 50% 120%,rgba(244,212,136,.35) 0%,transparent 60%),linear-gradient(180deg,#f4d488,#c9a24a 60%,#8a6a26);border-color:#ffe096f2;box-shadow:0 0 22px #c9a24aa6,inset 0 2px 4px #00000080,inset 0 -1px #ffffff40}.fs-chord-pad.is-pressed .fs-chord-pad-symbol,.fs-chord-pad:active .fs-chord-pad-symbol{color:#1a1208;text-shadow:0 1px 0 rgba(255,255,255,.25)}.fs-chord-pad.is-pressed .fs-chord-pad-sub,.fs-chord-pad:active .fs-chord-pad-sub{color:#1a1208bf}.fs-chord-pad--maj .fs-chord-pad-symbol{color:#f4d488}.fs-chord-pad--min .fs-chord-pad-symbol{color:#cfb978}.fs-chord-pad--dim .fs-chord-pad-symbol{color:#b8a06a;font-style:italic}.fs-chord-pad--aug .fs-chord-pad-symbol{color:#ffd98c}.fs-chord-pad.is-arp-mode{border-style:dashed;border-color:#ff825a8c}.fs-chord-pad.is-pending{border-style:solid;border-color:#ffdc64d9;box-shadow:0 0 18px #ffdc648c,inset 0 1px #fff0b44d;animation:fs-pad-pending-pulse .6s ease-in-out infinite}.fs-chord-pad.is-pending .fs-chord-pad-symbol{color:#ffe080;text-shadow:0 0 8px rgba(255,220,100,.6)}@keyframes fs-pad-pending-pulse{0%,to{box-shadow:0 0 12px rgba(var(--accent-bright-rgb),.4),inset 0 1px rgba(var(--accent-invert-rgb),.3)}50%{box-shadow:0 0 28px #ffdc64f2,inset 0 1px #fff0b44d}}.fs-chord-pad.is-armed{border-style:solid;border-color:#ff825af2;background:radial-gradient(circle at 50% -20%,rgba(255,180,130,.35) 0%,transparent 60%),linear-gradient(180deg,#d35a2a,#8c2e0e);box-shadow:0 0 22px #ff8252a6,inset 0 1px #ffc8964d,inset 0 -2px #0000004d;animation:fs-pad-armed-pulse .9s ease-in-out infinite}.fs-chord-pad.is-armed .fs-chord-pad-symbol{color:#ffe7d0;text-shadow:0 0 8px rgba(255,180,130,.6)}.fs-chord-pad.is-armed .fs-chord-pad-sub{color:#ffdcc8d9}@keyframes fs-pad-armed-pulse{0%,to{box-shadow:0 0 14px rgba(var(--data-red-surf-9-rgb),.55),inset 0 1px rgba(var(--accent-bright-rgb),.3),inset 0 -2px rgba(var(--shadow-rgb),.3)}50%{box-shadow:0 0 28px #ff8252f2,inset 0 1px #ffc8964d,inset 0 -2px #0000004d}}.fs-chord-pads--empty{padding:12px 14px;text-align:center;border:1px dashed rgba(201,162,74,.2);border-radius:8px}.fs-chord-pads-empty-label{font-size:.78rem;color:#f4e8c88c;letter-spacing:.01em}@media (max-width: 700px),(max-height: 430px){.fs-instrument-accessory{padding:7px 10px}.fs-chord-pad{min-height:50px;padding:7px 4px}.fs-chord-pad-symbol{font-size:1.1rem}.fs-chord-pad-sub{font-size:.58rem}.fs-chord-pads-grid{gap:6px}}.fs-instrument-board{display:flex;align-items:center;justify-content:center;padding:4px 8px 6px;background:linear-gradient(180deg,#1a181766,#0a090833);overflow:hidden;min-width:0;min-height:0;position:relative;z-index:1}.fs-instrument-board>*{width:100%;height:100%;max-width:100%;max-height:100%}.fs-instrument-board svg{display:block;width:100%;height:100%;max-height:100%}@media (max-width: 900px){.fs-toolbar{padding:6px 10px 8px;gap:8px}.fs-toolbar-group{padding:5px 10px 5px 8px;min-height:56px}.fs-toolbar-group-label{display:none}.fs-knob{min-width:78px}.fs-knob-slider{width:60px}.fs-toolbar-preset-chip{padding:6px 10px;font-size:.76rem}}@media (max-width: 600px),(max-height: 430px){.fs-toolbar{padding:5px 8px 6px;gap:6px}.fs-toolbar-group{padding:4px 8px 4px 6px;gap:6px;min-height:50px}.fs-knob{min-width:64px}.fs-knob-label{font-size:.56rem}.fs-knob-slider{width:48px}.fs-knob-value{font-size:.66rem;padding:1px 4px}.fs-toolbar-preset-chip{padding:5px 9px;font-size:.72rem}.fs-led{padding:4px 7px}.fs-instrument-topbar{padding:5px 8px;height:48px}.fs-instrument-title{font-size:1.05rem}.fs-instrument-subtitle{font-size:.6rem}}.fs-sound-control{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:#f4e8c8}.fs-sound-control-row{display:flex;justify-content:space-between;align-items:baseline}.fs-sound-control-label{font-weight:600;letter-spacing:.02em}.fs-sound-control-value{font-size:.78rem;color:#c9a24ad9;font-variant-numeric:tabular-nums}.fs-sound-slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:22px;background:transparent;cursor:pointer}.fs-sound-slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,#c9a24a 0%,#c9a24a var(--fs-slider-pct, 0%),rgba(255,255,255,.1) var(--fs-slider-pct, 0%),rgba(255,255,255,.1) 100%)}.fs-sound-slider::-moz-range-track{height:6px;border-radius:3px;background:#ffffff1a}.fs-sound-slider::-moz-range-progress{height:6px;border-radius:3px;background:#c9a24a}.fs-sound-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f4d488,#c9a24a 60%,#8a6a26);border:1px solid rgba(0,0,0,.4);box-shadow:0 0 8px #c9a24a8c;cursor:pointer}.fs-sound-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f4d488,#c9a24a 60%,#8a6a26);border:1px solid rgba(0,0,0,.4);box-shadow:0 0 8px #c9a24a8c;cursor:pointer}.fs-sound-toggle{flex-direction:row;align-items:center;justify-content:space-between}.fs-toggle-pill{position:relative;width:44px;height:24px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s;flex-shrink:0}.fs-toggle-pill-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#e6e6e6;transition:transform .22s cubic-bezier(.4,1.4,.5,1),background .18s}.fs-toggle-pill.is-on{background:#c9a24a4d;border-color:#c9a24ab3;box-shadow:0 0 10px #c9a24a59}.fs-toggle-pill.is-on .fs-toggle-pill-thumb{transform:translate(20px);background:radial-gradient(circle at 30% 30%,#f4d488,#c9a24a)}.fs-reset-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:auto;padding:8px 12px;background:transparent;border:1px dashed rgba(255,255,255,.18);border-radius:8px;color:#fff9;font-size:.78rem;cursor:pointer;transition:color .15s,border-color .15s}.fs-reset-btn:hover{color:#f4e8c8;border-color:#c9a24a80}.fs-instrument-board{display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(180deg,#1a1817c7,#0a090899);border:1px solid rgba(201,162,74,.18);border-radius:12px;overflow:hidden;min-height:0}.fs-instrument-board>*{width:100%;max-height:100%}.fs-display-controls{display:flex;flex-direction:column;gap:10px}.fs-display-row{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:#f4e8c8}.fs-display-row-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#c9a24ad9}.fs-display-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(180deg,#00000073,#000000a6);border:1px solid rgba(201,162,74,.45);border-radius:7px;padding:6px 26px 6px 10px;font-size:.86rem;font-weight:700;letter-spacing:.02em;color:#f4d488;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#c9a24a 50%),linear-gradient(135deg,#c9a24a 50%,transparent 50%),linear-gradient(180deg,#00000073,#000000a6);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%,0 0;background-size:5px 5px,5px 5px,100% 100%;background-repeat:no-repeat;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px 2px #00000080}.fs-display-select:hover{border-color:#c9a24abf;color:#f4e8c8}.fs-display-select option{background:#1a1817;color:#f4e8c8}.fs-display-reset{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px dashed rgba(201,162,74,.4);border-radius:6px;padding:6px 10px;color:#c9a24ad9;font-size:.78rem;cursor:pointer}.fs-display-reset:hover{color:#f4d488;border-color:#c9a24ab3}.fs-segmented{display:inline-flex;border:1px solid rgba(201,162,74,.35);border-radius:7px;overflow:hidden;background:linear-gradient(180deg,#00000059,#0000008c);box-shadow:inset 0 1px 2px #0000008c,0 1px #ffffff0a}.fs-segmented-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:6px 13px;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:#f4e8c88c;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;position:relative}.fs-segmented-btn+.fs-segmented-btn{border-left:1px solid rgba(201,162,74,.2)}.fs-segmented-btn:hover{color:#f4e8c8;background:#c9a24a14}.fs-segmented-btn.is-active{background:linear-gradient(180deg,#f4d488,#c9a24a);color:#1a1208;text-shadow:0 1px 0 rgba(255,255,255,.25);box-shadow:inset 0 1px #ffffff59,inset 0 -1px #0003,0 0 10px #c9a24a59}.fs-preset-grid{display:grid;grid-template-columns:1fr;gap:8px}.fs-preset-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:10px 12px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f4e8c8;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.fs-preset-btn:hover{background:#c9a24a1a;border-color:#c9a24a66}.fs-preset-btn.is-active{background:linear-gradient(180deg,#c9a24a38,#c9a24a14);border-color:#c9a24ab3;box-shadow:0 0 12px #c9a24a40}.fs-preset-btn-label{font-size:.9rem;font-weight:700;letter-spacing:.01em}.fs-preset-btn-hint{font-size:.74rem;color:#ffffff80;font-weight:400;margin-top:1px}.fs-preset-btn.is-active .fs-preset-btn-hint{color:#f4e8c8bf}.richter-full{display:grid;grid-template-rows:auto 1fr 1fr;gap:10px;width:100%;height:100%;padding:14px 8px;-webkit-user-select:none;user-select:none}.richter-full-numbers{display:grid;grid-template-columns:80px repeat(10,1fr);gap:6px;align-items:center}.richter-full-number{grid-column:auto;text-align:center;font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:600;color:rgba(var(--accent-ink-rgb),.7)}.richter-full-numbers .richter-full-number:first-child{display:none}.richter-full-row{display:grid;grid-template-columns:80px repeat(10,1fr);gap:6px;align-items:stretch}.richter-full-row-label{display:flex;align-items:center;justify-content:flex-end;padding-right:10px;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:rgba(var(--accent-ink-rgb),.85);text-transform:uppercase}.richter-full-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--accent-rgb),.25);border-radius:10px;background:linear-gradient(180deg,rgba(var(--veil-hi-rgb),.06),rgba(var(--veil-hi-rgb),.02));color:var(--text-warm);font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:600;cursor:pointer;transition:background .1s,transform .1s,box-shadow .1s;touch-action:none;min-height:60px}.richter-full-cell--blow{background:linear-gradient(180deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.04))}.richter-full-cell--draw{background:linear-gradient(0deg,rgba(var(--accent-dim-rgb),.16),rgba(var(--accent-dim-rgb),.04))}.richter-full-cell:hover{border-color:rgba(var(--accent-rgb),.55)}.richter-full-cell.is-pressed{background:linear-gradient(180deg,var(--accent-soft) 0%,var(--accent) 100%);color:var(--text-inverse);box-shadow:inset 0 0 0 2px rgba(var(--accent-rgb),.85),0 0 18px rgba(var(--accent-rgb),.55);transform:scale(.97)}.richter-full-cell-note{pointer-events:none}.harmo-fullscreen-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.18),rgba(var(--accent-rgb),.08));border:1px solid rgba(var(--accent-rgb),.55);color:var(--accent-ink);font-size:.78rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .18s,background .15s,color .15s}.harmo-fullscreen-btn:hover{background:linear-gradient(180deg,rgba(var(--accent-rgb),.28),rgba(var(--accent-rgb),.14));color:var(--accent-soft-ink);box-shadow:0 0 12px rgba(var(--accent-rgb),.35);transform:scale(1.04)}.harmo-fullscreen-btn:active{transform:scale(.97)}@media (max-width: 720px) and (orientation: portrait){.fs-instrument{padding:14px 12px 18px}.fs-instrument-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:12px}.fs-instrument-rail{max-height:30vh;padding:12px}.fs-preset-grid{grid-template-columns:1fr 1fr}.fs-instrument-board{padding:8px}.richter-full-numbers,.richter-full-row{grid-template-columns:50px repeat(10,1fr);gap:3px}.richter-full-cell{font-size:1.3rem;min-height:48px}.richter-full-row-label{font-size:.62rem;padding-right:4px}}.midi-tab,.midi-btn:not(.primary),.midi-instr-btn,.midi-all-inst-btn,.midi-all-inst-toggle,.midi-track-btn,.midi-lib-folder-btn,.midi-lib-edit-btn,.midi-lib-tag-btn,.midi-lib-view-btn,.midi-mini-btn,.midi-subtab,.midi-viewmode-tab,.midi-section-toggle,.harmo-instrument-btn,.harmo-help-btn,.harmo-sustain-btn,.harmo-selector-btn,.harmo-fullscreen-btn,.harmo-hub-howto-tab,.harp-settings-btn,.harmo-hub-calc-tab,.harmo-hub-manual-btn,.harmo-hub-ref-chip,.harmo-hub-harp-chip,.bass-display-btn,.bass-tuning-btn,.bass-panel-tuning-btn,.bass-panel-hub-btn,.bass-riff-open-btn,.bass-hub-manual-btn,.bass-riff-card-toggle,.bass-chip,.sax-mode-btn,.sax-side-saxo-btn,.sax-selector-btn,.sax-transpose-btn,.sax-scope-toggle,.sax-reset-btn,.sax-calc-sax-btn,.sax-calc-chip,.sax-anatomy-toc-btn,.saxists-era-btn,.sax-riffs-filter-btn,.sax-key-picker-mode-btn,.sax-panel-mode-toggle,.sax-hub-manual-btn,.sax-mode-chip,.sax-key-picker-chip,.scale-collapse-toggle,.scale-compact-toggle,.scale-root-btn,.scale-hub-action-btn,.scale-hub-help-btn,.scale-diatonic-help-btn,.scale-play-btn,.scale-chip,.scale-suggestion-chip,.scale-hub-key-chip,.scale-diatonic-chip,.scale-song-match-chip,.hub-instrument-btn,.hub-scope-btn,.kbd-octave-btn,.kbd-all-inst-btn,.view-mode-btn,.song-transpose-btn,.list-sort-btn,.list-density-btn,.lyrics-inline-toggle,.chord-block-toggle,.chord-simplify-toggle,.chord-follow-toggle,.lang-switcher-btn,.report-error-btn,.undo-toast-btn,.collection-group-toggle,.topbar-collection-toggle,.right-panel-toggle,.selection-tab,.collapsible-toggle,.badge-btn,.midi-station-cta,.home-footer-btn,.hero-btn-ghost,.mini-hub-scale-fullscreen-btn,.mini-hub-scale-scope-btn,.mini-hub-scale-display-btn,.auth-pill,.playlist-tab,.home-progressions-keychip,.progression-chord-chip,.brand-logo-btn{background:var(--stage-btn-bg);border:1px solid var(--stage-btn-border);color:var(--stage-btn-text);box-shadow:var(--stage-btn-shadow);transition:background var(--dur-fast) var(--ease-snap),border-color var(--dur-fast) var(--ease-snap),color var(--dur-fast) var(--ease-snap),transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease)}.midi-tab:hover:not(.active):not(.is-active):not(:disabled),.midi-btn:not(.primary):hover:not(.is-active):not(:disabled),.midi-instr-btn:hover:not(.is-active):not(.active):not(:disabled),.midi-all-inst-btn:hover:not(:disabled),.midi-all-inst-toggle:hover:not(:disabled),.midi-track-btn:hover:not(.is-active):not(:disabled),.midi-lib-folder-btn:hover:not(.is-active):not(:disabled),.midi-lib-edit-btn:hover:not(:disabled),.midi-lib-tag-btn:hover:not(.is-active):not(:disabled),.midi-lib-view-btn:hover:not(.is-active):not(:disabled),.midi-mini-btn:hover:not(:disabled),.midi-subtab:hover:not(.is-active):not(:disabled),.midi-viewmode-tab:hover:not(.is-active):not(:disabled),.midi-section-toggle:hover:not(:disabled),.harmo-instrument-btn:hover:not(.is-open):not(:disabled),.harmo-help-btn:hover:not(:disabled),.harmo-sustain-btn:hover:not(.is-on):not(:disabled),.harmo-selector-btn:hover:not(:disabled),.harmo-fullscreen-btn:hover:not(:disabled),.harmo-hub-howto-tab:hover:not(.is-active):not(:disabled),.harp-settings-btn:hover:not(:disabled),.harmo-hub-calc-tab:hover:not(.is-active):not(:disabled),.harmo-hub-manual-btn:hover:not(:disabled),.harmo-hub-ref-chip:hover:not(.is-active):not(:disabled),.harmo-hub-harp-chip:hover:not(.is-active):not(:disabled),.bass-display-btn:hover:not(.is-active):not(:disabled),.bass-tuning-btn:hover:not(.is-active):not(:disabled),.bass-panel-tuning-btn:hover:not(:disabled),.bass-panel-hub-btn:hover:not(:disabled),.bass-riff-open-btn:hover:not(:disabled),.bass-hub-manual-btn:hover:not(:disabled),.bass-riff-card-toggle:hover:not(:disabled),.bass-chip:hover:not(.is-active):not(:disabled),.sax-mode-btn:hover:not(.is-active):not(:disabled),.sax-side-saxo-btn:hover:not(.is-active):not(:disabled),.sax-selector-btn:hover:not(:disabled),.sax-transpose-btn:hover:not(:disabled),.sax-scope-toggle:hover:not(:disabled),.sax-reset-btn:hover:not(:disabled),.sax-calc-sax-btn:hover:not(.is-active):not(:disabled),.sax-calc-chip:hover:not(.is-active):not(:disabled),.sax-anatomy-toc-btn:hover:not(:disabled),.saxists-era-btn:hover:not(.is-active):not(:disabled),.sax-riffs-filter-btn:hover:not(.is-active):not(:disabled),.sax-key-picker-mode-btn:hover:not(.is-active):not(:disabled),.sax-panel-mode-toggle:hover:not(:disabled),.sax-hub-manual-btn:hover:not(:disabled),.sax-mode-chip:hover:not(.is-active):not(:disabled),.sax-key-picker-chip:hover:not(.is-active):not(:disabled),.scale-collapse-toggle:hover:not(:disabled),.scale-compact-toggle:hover:not(:disabled),.scale-root-btn:hover:not(:disabled),.scale-hub-action-btn:hover:not(:disabled),.scale-hub-help-btn:hover:not(:disabled),.scale-diatonic-help-btn:hover:not(:disabled),.scale-play-btn:hover:not(:disabled),.scale-chip:hover:not(.is-active):not(:disabled),.scale-suggestion-chip:hover:not(.is-active):not(:disabled),.scale-hub-key-chip:hover:not(.is-active):not(:disabled),.scale-diatonic-chip:hover:not(.is-active):not(:disabled),.scale-song-match-chip:hover:not(:disabled),.hub-instrument-btn:hover:not(.is-active):not(:disabled),.hub-scope-btn:hover:not(.is-active):not(:disabled),.kbd-octave-btn:hover:not(:disabled),.kbd-all-inst-btn:hover:not(.is-open):not(:disabled),.view-mode-btn:hover:not(.is-active):not(:disabled),.song-transpose-btn:hover:not(:disabled),.list-sort-btn:hover:not(:disabled),.list-density-btn:hover:not(:disabled),.lyrics-inline-toggle:hover:not(.is-active):not(:disabled),.chord-block-toggle:hover:not(:disabled),.chord-simplify-toggle:hover:not(.is-active):not(:disabled),.chord-follow-toggle:hover:not(.is-active):not(:disabled),.lang-switcher-btn:hover:not(:disabled),.report-error-btn:hover:not(:disabled),.undo-toast-btn:hover:not(:disabled),.collection-group-toggle:hover:not(:disabled),.topbar-collection-toggle:hover:not(:disabled),.right-panel-toggle:hover:not(.is-open):not(:disabled),.selection-tab:hover:not(.is-active):not(:disabled),.collapsible-toggle:hover:not(:disabled),.badge-btn:hover:not(:disabled),.midi-station-cta:hover:not(:disabled),.home-footer-btn:hover:not(:disabled),.hero-btn-ghost:hover:not(:disabled),.mini-hub-scale-fullscreen-btn:hover:not(:disabled),.mini-hub-scale-scope-btn:hover:not(.is-active):not(:disabled),.mini-hub-scale-display-btn:hover:not(.is-active):not(:disabled),.auth-pill:hover:not(:disabled),.playlist-tab:hover:not(.is-active):not(:disabled),.home-progressions-keychip:hover:not(.is-active):not(:disabled),.progression-chord-chip:hover:not(.is-active):not(:disabled),.brand-logo-btn:hover:not(:disabled){background:var(--stage-btn-bg-hover);border-color:var(--stage-btn-border-hover);color:var(--stage-btn-text-hover);transform:translateY(-2px);box-shadow:var(--stage-btn-shadow-hover);filter:brightness(1.04) saturate(1.04)}.midi-tab.active,.midi-tab.is-active,.midi-btn:not(.primary).is-active,.midi-instr-btn.is-active,.midi-instr-btn.active,.midi-track-btn.is-active,.midi-lib-folder-btn.is-active,.midi-lib-tag-btn.is-active,.midi-lib-view-btn.is-active,.midi-subtab.is-active,.midi-viewmode-tab.is-active,.harmo-instrument-btn.is-open,.harmo-sustain-btn.is-on,.harmo-hub-howto-tab.is-active,.harmo-hub-calc-tab.is-active,.harmo-hub-ref-chip.is-active,.harmo-hub-harp-chip.is-active,.bass-display-btn.is-active,.bass-tuning-btn.is-active,.bass-chip.is-active,.sax-mode-btn.is-active,.sax-side-saxo-btn.is-active,.sax-calc-sax-btn.is-active,.sax-calc-chip.is-active,.saxists-era-btn.is-active,.sax-riffs-filter-btn.is-active,.sax-key-picker-mode-btn.is-active,.sax-mode-chip.is-active,.sax-key-picker-chip.is-active,.scale-chip.is-active,.scale-suggestion-chip.is-active,.scale-hub-key-chip.is-active,.scale-diatonic-chip.is-active,.hub-instrument-btn.is-active,.hub-scope-btn.is-active,.view-mode-btn.is-active,.lyrics-inline-toggle.is-active,.chord-simplify-toggle.is-active,.chord-follow-toggle.is-active,.kbd-all-inst-btn.is-open,.right-panel-toggle.is-open,.selection-tab.is-active,.mini-hub-scale-scope-btn.is-active,.mini-hub-scale-display-btn.is-active,.playlist-tab.is-active,.home-progressions-keychip.is-active,.progression-chord-chip.is-active{background:var(--stage-btn-bg-active);border:1px solid var(--stage-btn-border-active);color:var(--stage-btn-text-active);box-shadow:var(--stage-btn-shadow-active);text-shadow:0 1px 0 rgba(var(--accent-pale-rgb),.35);transform:none}.midi-btn:not(.primary):disabled,.midi-instr-btn:disabled,.midi-track-btn:disabled,.midi-mini-btn:disabled,.scale-root-btn:disabled,.scale-chip:disabled,.view-mode-btn:disabled,.song-transpose-btn:disabled,.list-sort-btn:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:var(--stage-btn-shadow)}.midi-tab:active:not(.active):not(.is-active),.midi-btn:not(.primary):active:not(.is-active),.harmo-fullscreen-btn:active,.bass-display-btn:active,.sax-mode-btn:active,.scale-chip:active,.hub-instrument-btn:active,.kbd-octave-btn:active,.view-mode-btn:active:not(.is-active),.song-transpose-btn:active,.list-sort-btn:active,.lyrics-inline-toggle:active,.chord-block-toggle:active,.bass-hub-manual-btn:active,.harmo-hub-manual-btn:active,.sax-hub-manual-btn:active,.mini-hub-scale-fullscreen-btn:active{transform:translateY(0) scale(.985);filter:brightness(.96)}.kbd-octave-btn--prev:hover svg{transform:translate(-2px)}.kbd-octave-btn--next:hover svg{transform:translate(2px)}.harmo-hub-manual-btn:hover .harmo-hub-manual-btn-arrow,.sax-hub-manual-btn:hover .sax-hub-manual-btn-arrow,.bass-hub-manual-btn:hover .bass-hub-manual-btn-arrow{transform:translate(3px)}.hub-instrument-btn,.harmo-hub-manual-btn,.sax-hub-manual-btn,.bass-hub-manual-btn,.midi-station-cta,.hero-btn-ghost,.home-footer-btn{position:relative;isolation:isolate;overflow:hidden}.hub-instrument-btn:before,.harmo-hub-manual-btn:before,.sax-hub-manual-btn:before,.bass-hub-manual-btn:before,.midi-station-cta:before,.hero-btn-ghost:before,.home-footer-btn:before{content:"";position:absolute;inset:0 0 auto 0;height:45%;background:linear-gradient(180deg,rgba(var(--accent-pale-rgb),.14),rgba(var(--accent-pale-rgb),0));pointer-events:none;z-index:0;opacity:.85;transition:opacity var(--dur) var(--ease);border-radius:inherit}.hub-instrument-btn>*,.harmo-hub-manual-btn>*,.sax-hub-manual-btn>*,.bass-hub-manual-btn>*,.midi-station-cta>*,.hero-btn-ghost>*,.home-footer-btn>*{position:relative;z-index:1}.hub-instrument-btn,.harmo-hub-manual-btn,.sax-hub-manual-btn,.bass-hub-manual-btn,.midi-station-cta,.home-footer-btn{background:linear-gradient(180deg,rgba(var(--accent-rgb),.18),rgba(var(--bg-deep-rgb),.35));border:1px solid rgba(var(--accent-rgb),.42);color:var(--text-warm);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.22),0 2px 6px rgba(var(--shadow-rgb),.45),0 0 0 1px rgba(var(--accent-rgb),.08)}.hero-btn-ghost{background:linear-gradient(180deg,rgba(var(--accent-rgb),.14),rgba(var(--bg-deep-rgb),.45));border:1px solid rgba(var(--accent-rgb),.38);color:var(--text-warm)}.hub-instrument-btn:hover:not(.is-open):not(:disabled),.harmo-hub-manual-btn:hover:not(:disabled),.sax-hub-manual-btn:hover:not(:disabled),.bass-hub-manual-btn:hover:not(:disabled),.midi-station-cta:hover:not(:disabled),.hero-btn-ghost:hover:not(:disabled),.home-footer-btn:hover:not(:disabled){background:linear-gradient(180deg,rgba(var(--accent-bright-rgb),.32),rgba(var(--accent-rgb),.12));border-color:rgba(var(--accent-bright-rgb),.85);color:var(--accent-bright-ink);transform:translateY(-3px);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.42),0 14px 32px -8px rgba(var(--accent-rgb),.55),0 0 0 3px rgba(var(--accent-rgb),.18);filter:brightness(1.06) saturate(1.08)}.hub-instrument-btn:hover:before,.harmo-hub-manual-btn:hover:before,.sax-hub-manual-btn:hover:before,.bass-hub-manual-btn:hover:before,.midi-station-cta:hover:before,.hero-btn-ghost:hover:before,.home-footer-btn:hover:before{opacity:1;background:linear-gradient(180deg,rgba(var(--accent-pale-rgb),.24),rgba(var(--accent-pale-rgb),0))}.hub-instrument-btn.is-open{background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent-soft) 30%,var(--accent) 70%,var(--accent-dim) 100%);border-color:rgba(var(--accent-bright-rgb),.95);color:var(--text-inverse);box-shadow:0 0 22px rgba(var(--accent-bright-rgb),.55),inset 0 1px rgba(var(--accent-pale-rgb),.55),inset 0 -6px 10px -8px rgba(var(--shadow-rgb),.35);text-shadow:0 1px 0 rgba(var(--accent-pale-rgb),.35)}.hub-instrument-btn.is-open:before{background:linear-gradient(180deg,rgba(var(--veil-hi-rgb),.35),rgba(var(--veil-hi-rgb),0));opacity:1}.hub-instrument-btn.is-open .hub-instrument-label,.hub-instrument-btn.is-open .hub-instrument-desc,.hub-instrument-btn.is-open .hub-instrument-caret,.hub-instrument-btn.is-open .hub-instrument-icon{color:var(--text-inverse)}.home-progressions-keychip{background:linear-gradient(180deg,rgba(var(--accent-rgb),.16),rgba(var(--bg-deep-rgb),.3));border:1px solid rgba(var(--accent-rgb),.35);color:var(--text-warm);box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.16),0 1px 2px rgba(var(--shadow-rgb),.35);transition:background var(--dur-fast) var(--ease-snap),border-color var(--dur-fast) var(--ease-snap),color var(--dur-fast) var(--ease-snap),transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease)}.home-progressions-keychip:hover:not(.is-active):not(:disabled){background:linear-gradient(180deg,rgba(var(--accent-bright-rgb),.3),rgba(var(--accent-rgb),.1));border-color:rgba(var(--accent-bright-rgb),.75);color:var(--accent-bright-ink);transform:translateY(-2px);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.32),0 8px 20px -4px rgba(var(--accent-rgb),.4),0 0 0 3px rgba(var(--accent-rgb),.14)}.home-progressions-keychip.is-active{background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent-soft) 28%,var(--accent) 62%,var(--accent-dim) 100%);border-color:rgba(var(--accent-bright-rgb),.95);color:var(--text-inverse);box-shadow:0 0 22px rgba(var(--accent-bright-rgb),.55),inset 0 1px rgba(var(--accent-pale-rgb),.55),inset 0 -6px 10px -8px rgba(var(--shadow-rgb),.35);text-shadow:0 1px 0 rgba(var(--accent-pale-rgb),.35)}.progression-chord-chip{background:linear-gradient(180deg,rgba(var(--accent-rgb),.14),rgba(var(--bg-deep-rgb),.35));border:1px solid rgba(var(--accent-rgb),.32);color:var(--text-warm);box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.14),0 1px 2px rgba(var(--shadow-rgb),.35)}.progression-chord-chip:hover:not(.is-active):not(:disabled){background:linear-gradient(180deg,rgba(var(--accent-bright-rgb),.28),rgba(var(--accent-rgb),.1));border-color:rgba(var(--accent-bright-rgb),.75);color:var(--accent-bright-ink);transform:translateY(-1px)}.brand-logo-btn{background:linear-gradient(180deg,rgba(var(--accent-rgb),.12),rgba(var(--bg-deep-rgb),.4));border:1px solid rgba(var(--accent-rgb),.3);box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.14),0 1px 3px rgba(var(--shadow-rgb),.35),0 0 0 1px rgba(var(--accent-rgb),.06)}.brand-logo-btn:hover{background:linear-gradient(180deg,rgba(var(--accent-bright-rgb),.24),rgba(var(--accent-rgb),.08));border-color:rgba(var(--accent-bright-rgb),.7);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.28),0 6px 16px -4px rgba(var(--accent-rgb),.4),0 0 0 3px rgba(var(--accent-rgb),.14)}.kbd-all-inst-btn{background:linear-gradient(180deg,rgba(var(--accent-rgb),.14),rgba(var(--bg-deep-rgb),.4));border:1px solid rgba(var(--accent-rgb),.35);color:var(--text-warm);box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.16),0 1px 3px rgba(var(--shadow-rgb),.35)}.kbd-all-inst-btn:hover:not(.is-open){background:linear-gradient(180deg,rgba(var(--accent-bright-rgb),.28),rgba(var(--accent-rgb),.1));border-color:rgba(var(--accent-bright-rgb),.75);color:var(--accent-bright-ink);transform:translateY(-2px);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.3),0 8px 22px -6px rgba(var(--accent-rgb),.45),0 0 0 3px rgba(var(--accent-rgb),.14)}.kbd-all-inst-btn.is-open{background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent-soft) 30%,var(--accent) 70%,var(--accent-dim) 100%);border-color:rgba(var(--accent-bright-rgb),.95);color:var(--text-inverse);text-shadow:0 1px 0 rgba(var(--accent-pale-rgb),.35)}@keyframes stage-pulse{0%,to{box-shadow:0 0 22px rgba(var(--accent-bright-rgb),.55),inset 0 1px rgba(var(--accent-pale-rgb),.55),inset 0 -6px 10px -8px rgba(var(--shadow-rgb),.35),0 4px 12px -2px rgba(var(--accent-rgb),.35)}50%{box-shadow:0 0 32px rgba(var(--accent-bright-rgb),.7),inset 0 1px rgba(var(--accent-pale-rgb),.65),inset 0 -6px 10px -8px rgba(var(--shadow-rgb),.35),0 6px 18px -2px rgba(var(--accent-rgb),.5)}}.hub-instrument-btn.is-open,.kbd-all-inst-btn.is-open,.home-progressions-keychip.is-active{animation:stage-pulse 2.8s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.hub-instrument-btn.is-open,.kbd-all-inst-btn.is-open,.home-progressions-keychip.is-active{animation:none}}.playlist-tab{background:linear-gradient(180deg,rgba(var(--accent-rgb),.1),rgba(var(--bg-deep-rgb),.3));border:1px solid rgba(var(--accent-rgb),.22);color:rgba(var(--text-warm-rgb),.85);box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.1),0 1px 2px rgba(var(--shadow-rgb),.3)}.playlist-tab:hover:not(.is-active){background:linear-gradient(180deg,rgba(var(--accent-bright-rgb),.22),rgba(var(--accent-rgb),.06));border-color:rgba(var(--accent-bright-rgb),.55);color:var(--accent-bright-ink);transform:translateY(-1px);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.22),0 6px 16px -4px rgba(var(--accent-rgb),.3)}.home-progressions-modeswitch{border-color:rgba(var(--accent-rgb),.3);background:linear-gradient(180deg,rgba(var(--accent-rgb),.08),rgba(var(--bg-deep-rgb),.3));box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.1),0 1px 3px rgba(var(--shadow-rgb),.35)}.home-progressions-modeswitch button,.home-progressions-filter,.scale-hub-modeswitch button{background:linear-gradient(180deg,rgba(var(--accent-rgb),.1),rgba(var(--bg-deep-rgb),.25));border:1px solid rgba(var(--accent-rgb),.22);color:rgba(var(--text-warm-rgb),.88);font-weight:700;letter-spacing:.02em;box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.12),0 1px 2px rgba(var(--shadow-rgb),.3);transition:background var(--dur-fast) var(--ease-snap),border-color var(--dur-fast) var(--ease-snap),color var(--dur-fast) var(--ease-snap),transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease)}.home-progressions-modeswitch button{border-radius:0;border-left:none;border-right:none;border-top:none;border-bottom:none;background:linear-gradient(180deg,rgba(var(--accent-rgb),.1),rgba(var(--bg-deep-rgb),.25));box-shadow:none}.home-progressions-modeswitch button+button{box-shadow:inset 1px 0 rgba(var(--accent-rgb),.22)}.home-progressions-modeswitch button:hover:not(.active),.home-progressions-filter:hover:not(.active),.scale-hub-modeswitch button:hover:not(.active){background:linear-gradient(180deg,rgba(var(--accent-bright-rgb),.3),rgba(var(--accent-rgb),.08));color:var(--accent-bright-ink);transform:translateY(-1px);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.28),0 4px 12px -2px rgba(var(--accent-rgb),.3)}.home-progressions-modeswitch button.active,.home-progressions-filter.active,.scale-hub-modeswitch button.active{background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent-soft) 28%,var(--accent) 62%,var(--accent-dim) 100%);border-color:rgba(var(--accent-bright-rgb),.95);color:var(--text-inverse);box-shadow:0 0 18px rgba(var(--accent-bright-rgb),.45),inset 0 1px rgba(var(--accent-pale-rgb),.55),inset 0 -4px 8px -6px rgba(var(--shadow-rgb),.3);text-shadow:0 1px 0 rgba(var(--accent-pale-rgb),.35)}.scale-hub-modeswitch{background:linear-gradient(180deg,rgba(var(--accent-rgb),.08),rgba(var(--bg-deep-rgb),.3));border:1px solid rgba(var(--accent-rgb),.3);box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.1),0 1px 3px rgba(var(--shadow-rgb),.35)}.scale-hub-modeswitch button{border:none;border-radius:0;background:transparent;box-shadow:none}.scale-hub-modeswitch button+button{border-left:1px solid rgba(var(--accent-rgb),.22)!important}.progression-card{background:linear-gradient(180deg,rgba(var(--accent-rgb),.08),rgba(var(--bg-deep-rgb),.35));border:1px solid rgba(var(--accent-rgb),.22);box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.1),0 4px 14px -4px rgba(var(--shadow-rgb),.4)}.progression-card:hover{border-color:rgba(var(--accent-bright-rgb),.55);transform:translateY(-2px);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.2),0 10px 26px -6px rgba(var(--accent-rgb),.3),0 0 0 3px rgba(var(--accent-rgb),.1)}.progression-card.playing{border-color:rgba(var(--accent-bright-rgb),.85);background:linear-gradient(180deg,rgba(var(--accent-rgb),.22),rgba(var(--bg-deep-rgb),.3));box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.3),0 0 0 2px rgba(var(--accent-rgb),.32),0 14px 32px -6px rgba(var(--accent-rgb),.45),0 0 28px rgba(var(--accent-bright-rgb),.32)}.home-progressions-tempo{background:linear-gradient(180deg,rgba(var(--accent-rgb),.1),rgba(var(--bg-deep-rgb),.25));border:1px solid rgba(var(--accent-rgb),.28);box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.12),0 1px 3px rgba(var(--shadow-rgb),.3)}.home-progressions-tempo:hover{border-color:rgba(var(--accent-bright-rgb),.55);background:linear-gradient(180deg,rgba(var(--accent-bright-rgb),.18),rgba(var(--accent-rgb),.05));box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.2),0 4px 12px -4px rgba(var(--accent-rgb),.3)}.progression-play-btn{box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.55),0 0 18px rgba(var(--accent-bright-rgb),.4),0 4px 12px -2px rgba(var(--accent-rgb),.4)}.progression-play-btn:hover{box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.65),0 0 26px rgba(var(--accent-bright-rgb),.55),0 8px 20px -2px rgba(var(--accent-rgb),.55)}@keyframes stage-shimmer-sweep{0%{transform:translate(-150%) skew(-20deg);opacity:0}20%{opacity:.35}60%{transform:translate(150%) skew(-20deg);opacity:.35}to{transform:translate(150%) skew(-20deg);opacity:0}}.hub-instrument-btn.is-open,.kbd-all-inst-btn.is-open,.home-progressions-keychip.is-active,.home-progressions-filter.active,.home-progressions-modeswitch button.active,.scale-hub-modeswitch button.active,.progression-card.playing{position:relative;overflow:hidden}.hub-instrument-btn.is-open:after,.kbd-all-inst-btn.is-open:after,.home-progressions-keychip.is-active:after,.home-progressions-filter.active:after,.home-progressions-modeswitch button.active:after,.scale-hub-modeswitch button.active:after,.progression-card.playing:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,rgba(var(--veil-hi-rgb),0),rgba(var(--veil-hi-rgb),.3),rgba(var(--veil-hi-rgb),0));pointer-events:none;z-index:2;animation:stage-shimmer-sweep 4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.hub-instrument-btn.is-open:after,.kbd-all-inst-btn.is-open:after,.home-progressions-keychip.is-active:after,.home-progressions-filter.active:after,.home-progressions-modeswitch button.active:after,.scale-hub-modeswitch button.active:after,.progression-card.playing:after{display:none}}select,.mini-hub-scale-control-select,.fs-display-select{color-scheme:dark}select option,.mini-hub-scale-control-select option,.fs-display-select option{background:var(--bg-content);color:var(--text-warm)}select option:checked,.mini-hub-scale-control-select option:checked,.fs-display-select option:checked{background:linear-gradient(180deg,var(--accent),var(--accent-dim));color:var(--text-inverse);font-weight:700}.home-mobile-intro{position:relative;isolation:isolate}.home-mobile-intro:before{content:"";position:absolute;inset:-10% 5% auto 5%;height:60%;background:radial-gradient(60% 80% at 50% 30%,rgba(var(--accent-bright-rgb),.1) 0%,rgba(var(--accent-rgb),.04) 40%,transparent 70%);pointer-events:none;z-index:-1;filter:blur(8px)}.home-mobile-intro-logo{text-shadow:0 0 24px rgba(var(--accent-ink-rgb),.22),0 0 8px rgba(var(--accent-pale-rgb),.18),0 1px 0 rgba(var(--shadow-rgb),.45);animation:stage-logo-glow 6s ease-in-out infinite}@keyframes stage-logo-glow{0%,to{text-shadow:0 0 24px rgba(var(--accent-ink-rgb),.22),0 0 8px rgba(var(--accent-pale-rgb),.18),0 1px 0 rgba(var(--shadow-rgb),.45)}50%{text-shadow:0 0 32px rgba(var(--accent-bright-ink-rgb),.34),0 0 12px rgba(var(--accent-pale-rgb),.28),0 1px 0 rgba(var(--shadow-rgb),.45)}}@media (prefers-reduced-motion: reduce){.home-mobile-intro-logo{animation:none}}.home-mobile-intro-tagline{position:relative;font-style:italic;letter-spacing:.005em;color:rgba(var(--text-warm-rgb),.92);padding-bottom:12px}.home-mobile-intro-tagline:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:64px;height:1px;background:linear-gradient(90deg,rgba(var(--accent-rgb),0),rgba(var(--accent-rgb),.55),rgba(var(--accent-rgb),0))}.home-mobile-intro-instrument{container-type:inline-size;container-name:instrument-picker;width:100%;max-width:520px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.08),rgba(var(--bg-deep-rgb),.3));border:1px solid rgba(var(--accent-rgb),.28);border-radius:14px;padding:10px;box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.14),0 8px 24px -6px rgba(var(--shadow-rgb),.45),0 0 0 1px rgba(var(--accent-rgb),.06)}.home-mobile-intro-instrument-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-mobile-intro-instrument-row+.home-mobile-intro-instrument-row{margin-top:8px}.home-mobile-intro-instrument-row--hubs{grid-template-columns:repeat(4,minmax(0,1fr))}.home-mobile-intro-instrument .home-mobile-intro-instrument-row--hubs>button{padding-inline:4px;font-size:.8rem;overflow-wrap:anywhere}@container instrument-picker (max-width: 459px){.home-mobile-intro-instrument-row--hubs{grid-template-columns:repeat(2,minmax(0,1fr))}}.home-mobile-intro-instrument-row>button{position:relative;isolation:isolate;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:12px 6px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.1),rgba(var(--bg-deep-rgb),.3));border:1px solid rgba(var(--accent-rgb),.24);border-radius:10px;color:rgba(var(--text-warm-rgb),.88);font-family:inherit;font-size:.92rem;font-weight:700;letter-spacing:.015em;cursor:pointer;box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.14),0 1px 3px rgba(var(--shadow-rgb),.35);transition:background var(--dur-fast) var(--ease-snap),border-color var(--dur-fast) var(--ease-snap),color var(--dur-fast) var(--ease-snap),transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease);overflow:hidden}.home-mobile-intro-instrument-row>button:before{content:"";position:absolute;inset:0 0 auto 0;height:50%;background:linear-gradient(180deg,rgba(var(--accent-pale-rgb),.14),rgba(var(--accent-pale-rgb),0));pointer-events:none;z-index:0;opacity:.8;transition:opacity var(--dur) var(--ease);border-radius:inherit}.home-mobile-intro-instrument-row>button>*{position:relative;z-index:1}.home-mobile-intro-instrument-row>button:hover:not(.active){background:linear-gradient(180deg,rgba(var(--accent-bright-rgb),.3),rgba(var(--accent-rgb),.08));border-color:rgba(var(--accent-bright-rgb),.7);color:var(--accent-bright-ink);transform:translateY(-2px);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.3),0 8px 20px -4px rgba(var(--accent-rgb),.38),0 0 0 3px rgba(var(--accent-rgb),.12)}.home-mobile-intro-instrument-row>button:hover:not(.active):before{opacity:1}.home-mobile-intro-instrument-row>button.active{background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent-soft) 28%,var(--accent) 62%,var(--accent-dim) 100%);border-color:rgba(var(--accent-bright-rgb),.95);color:var(--text-inverse);box-shadow:0 0 22px rgba(var(--accent-bright-rgb),.5),inset 0 1px rgba(var(--accent-pale-rgb),.55),inset 0 -4px 8px -6px rgba(var(--shadow-rgb),.3),0 4px 14px -2px rgba(var(--accent-rgb),.4);text-shadow:0 1px 0 rgba(var(--accent-pale-rgb),.35)}.home-mobile-intro-instrument-row>button.active:before{background:linear-gradient(180deg,rgba(var(--veil-hi-rgb),.35),rgba(var(--veil-hi-rgb),0));opacity:1}.home-mobile-intro-instrument-row>button.active:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,rgba(var(--veil-hi-rgb),0),rgba(var(--veil-hi-rgb),.3),rgba(var(--veil-hi-rgb),0));pointer-events:none;z-index:2;animation:stage-shimmer-sweep 4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.home-mobile-intro-instrument-row>button.active:after{display:none}}.instrument-switch.topbar-instrument-switch>button:not(.active){background:linear-gradient(180deg,rgba(var(--accent-rgb),.1),rgba(var(--bg-deep-rgb),.35));border:1px solid rgba(var(--accent-rgb),.22);color:rgba(var(--text-warm-rgb),.88);box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.12),0 1px 3px rgba(var(--shadow-rgb),.3);transition:background var(--dur-fast) var(--ease-snap),border-color var(--dur-fast) var(--ease-snap),color var(--dur-fast) var(--ease-snap),transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease)}.instrument-switch.topbar-instrument-switch>button:not(.active):hover{background:linear-gradient(180deg,rgba(var(--accent-bright-rgb),.28),rgba(var(--accent-rgb),.08));border-color:rgba(var(--accent-bright-rgb),.65);color:var(--accent-bright-ink);transform:translateY(-1px);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.26),0 6px 16px -4px rgba(var(--accent-rgb),.32)}@media (max-width: 700px) and (orientation: portrait){.fs-instrument>.fs-instrument-board{flex:0 0 auto;min-height:0;max-height:35vh;padding:4px 8px}.fs-instrument-board>*{height:auto;width:100%;max-height:35vh}.fs-instrument-board svg{width:100%;height:auto;max-height:35vh;display:block}}.home-scale-mobile-launcher{display:none}@media (max-width: 1024px){.home-mini-hub-standalone{display:none}.home-scale-mobile-launcher{display:flex;justify-content:center;margin:-2px 0 14px}}.mini-hub-scale-fullscreen-btn--embedded{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:10px;padding:9px 18px 9px 14px;border-radius:999px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.16),rgba(var(--bg-deep-rgb),.3));border:1px solid rgba(var(--accent-rgb),.42);color:var(--text-warm);font-family:inherit;font-size:.92rem;font-weight:700;letter-spacing:.025em;cursor:pointer;box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.18),0 4px 12px -2px rgba(var(--shadow-rgb),.35),0 0 0 1px rgba(var(--accent-rgb),.06);transition:background var(--dur-fast) var(--ease-snap),border-color var(--dur-fast) var(--ease-snap),color var(--dur-fast) var(--ease-snap),transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease)}.mini-hub-scale-fullscreen-btn--embedded:before{content:"";position:absolute;inset:0 0 auto 0;height:50%;background:linear-gradient(180deg,rgba(var(--accent-pale-rgb),.16),rgba(var(--accent-pale-rgb),0));pointer-events:none;z-index:0;border-radius:inherit}.mini-hub-scale-fullscreen-btn--embedded>*{position:relative;z-index:1}.mini-hub-scale-fullscreen-btn--embedded svg{flex-shrink:0;color:var(--accent-bright-ink)}.mini-hub-scale-fullscreen-btn--embedded .mini-hub-scale-fullscreen-label:after{content:" › station de scène";font-style:italic;font-weight:400;opacity:.7;margin-left:4px}.mini-hub-scale-fullscreen-btn--embedded:hover,.mini-hub-scale-fullscreen-btn--embedded:focus-visible{background:linear-gradient(180deg,rgba(var(--accent-bright-rgb),.32),rgba(var(--accent-rgb),.1));border-color:rgba(var(--accent-bright-rgb),.85);color:var(--accent-bright-ink);transform:translateY(-2px);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.3),0 10px 24px -4px rgba(var(--accent-rgb),.42),0 0 0 3px rgba(var(--accent-rgb),.14);outline:none}.mini-hub-scale-fullscreen-btn--embedded:active{transform:translateY(0) scale(.985);filter:brightness(.96)}.scale-keyboard-card{position:relative;background:linear-gradient(180deg,rgba(var(--accent-rgb),.1),rgba(var(--bg-deep-rgb),.35))!important;border:1px solid rgba(var(--accent-rgb),.28)!important;box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.14),0 8px 22px -6px rgba(var(--shadow-rgb),.4),0 0 0 1px rgba(var(--accent-rgb),.06)!important;transition:border-color var(--dur-fast) var(--ease-snap),box-shadow var(--dur) var(--ease)}.scale-keyboard-card:hover{border-color:rgba(var(--accent-rgb),.45)!important;box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.22),0 14px 32px -6px rgba(var(--shadow-rgb),.5),0 0 0 1px rgba(var(--accent-rgb),.14),0 0 32px -10px rgba(var(--accent-rgb),.22)!important}@media (max-width: 700px) and (orientation: portrait){.scale-keyboard-card{margin:12px 0 14px!important;padding:12px 12px 14px!important}.scale-piano{max-height:160px}.scale-piano.size-full,.scale-piano:not(.size-mini):not(.size-compact){--piano-key-h: 120px}.scale-piano svg{width:100%!important;height:auto!important;max-height:160px;display:block}.scale-piano .piano-key-label{font-size:.58rem!important}.scale-piano .piano-key.black .piano-key-label{font-size:.5rem!important}.guitar-fretboard-scale,.ukulele-fretboard-scale{max-height:200px;overflow:hidden}.guitar-fretboard-scale svg,.ukulele-fretboard-scale svg{width:100%!important;height:auto!important;max-height:200px;display:block}.home-scale .home-section-header{margin-bottom:6px}.scale-hub-toolbar{gap:8px}.scale-keyboard-card .scale-suggestions,.scale-keyboard-card .scale-character-card{padding:8px 10px;font-size:.78rem}}.home-mobile-intro-tagline{text-shadow:0 0 18px rgba(var(--accent-ink-rgb),.12),0 1px 0 rgba(var(--shadow-rgb),.45);padding:4px 12px 16px!important}@media (max-width: 700px) and (orientation: portrait){.home-mobile-intro{padding:18px 12px 14px}.home-mobile-intro-logo{font-size:2rem}.home-mobile-intro-tagline{font-size:.92rem;line-height:1.45}.home-mobile-intro-instrument{box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.2),0 10px 28px -8px rgba(var(--shadow-rgb),.5),0 0 0 1px rgba(var(--accent-rgb),.1),0 0 32px -10px rgba(var(--accent-rgb),.18)}}input:focus,textarea:focus,select:focus,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),.75)!important;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18),inset 0 1px rgba(var(--accent-bright-rgb),.1)!important}input::placeholder,textarea::placeholder{color:rgba(var(--text-warm-rgb),.4);font-style:italic}.lyrics-toggle{background:linear-gradient(180deg,rgba(var(--accent-rgb),.14),rgba(var(--bg-deep-rgb),.3))!important;border:1px solid rgba(var(--accent-rgb),.32)!important;color:rgba(var(--text-warm-rgb),.92)!important;box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.14),0 2px 6px rgba(var(--shadow-rgb),.4)!important;transition:background var(--dur-fast) var(--ease-snap),border-color var(--dur-fast) var(--ease-snap),color var(--dur-fast) var(--ease-snap),transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease)}.lyrics-toggle:hover{background:linear-gradient(180deg,rgba(var(--accent-bright-rgb),.28),rgba(var(--accent-rgb),.08))!important;border-color:rgba(var(--accent-bright-rgb),.7)!important;color:var(--accent-bright-ink)!important;transform:translateY(-1px);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.26),0 6px 16px -4px rgba(var(--accent-rgb),.32)!important}.section-card{position:relative;border:1px solid rgba(var(--accent-rgb),.16);box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.06),0 4px 14px -6px rgba(var(--shadow-rgb),.35);transition:border-color var(--dur-fast) var(--ease-snap),box-shadow var(--dur) var(--ease)}.section-card:hover{border-color:rgba(var(--accent-rgb),.32);box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.1),0 8px 22px -6px rgba(var(--shadow-rgb),.4)}.song-key-pill,.song-midi-pill,.song-confidence{background:linear-gradient(180deg,rgba(var(--accent-rgb),.16),rgba(var(--bg-deep-rgb),.2));border:1px solid rgba(var(--accent-rgb),.35);box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.1),0 1px 2px rgba(var(--shadow-rgb),.3)}input[type=range]::-webkit-slider-thumb{background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent) 60%,var(--accent-dim) 100%);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.55),0 0 0 2px rgba(var(--accent-rgb),.2),0 2px 6px rgba(var(--shadow-rgb),.45)}input[type=range]::-moz-range-thumb{background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent) 60%,var(--accent-dim) 100%);border:none;box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.55),0 0 0 2px rgba(var(--accent-rgb),.2),0 2px 6px rgba(var(--shadow-rgb),.45)}input[type=range]::-moz-range-progress{background:linear-gradient(90deg,rgba(var(--accent-rgb),.55),rgba(var(--accent-bright-rgb),.75))}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.brand-logo-btn{position:relative}.brand-logo-btn:hover{filter:brightness(1.08) saturate(1.08)}.home-quote{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,rgba(var(--accent-rgb),.16),rgba(var(--surf-warm-deep-rgb),.55) 45%,rgba(var(--bg-deep-rgb),.65))!important;border:1px solid rgba(var(--accent-rgb),.42)!important;border-radius:var(--r-lg)!important;padding:32px 36px!important;box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.22),inset 0 -1px rgba(var(--shadow-rgb),.3),0 16px 40px -8px rgba(var(--accent-rgb),.2),0 0 0 1px rgba(var(--accent-rgb),.1),0 0 60px -10px rgba(var(--accent-bright-rgb),.18)!important;animation:home-quote-glow 7s ease-in-out infinite}.home-quote:before,.home-quote:after{content:"“";position:absolute;font-family:Cormorant Garamond,Playfair Display,serif;font-size:12rem;font-weight:700;font-style:italic;line-height:.8;color:rgba(var(--accent-bright-ink-rgb),.1);pointer-events:none;z-index:0;text-shadow:0 0 24px rgba(var(--accent-ink-rgb),.25)}.home-quote:before{top:-12px;left:8px}.home-quote:after{content:"”";bottom:-64px;right:12px}.home-quote blockquote{position:relative;z-index:1;color:var(--text-warm)!important;text-shadow:0 0 24px rgba(var(--accent-ink-rgb),.22),0 0 8px rgba(var(--accent-pale-rgb),.18),0 1px 0 rgba(var(--shadow-rgb),.45)}.home-quote cite{position:relative;z-index:1;color:var(--accent-bright-ink)!important;text-shadow:0 0 12px rgba(var(--accent-bright-ink-rgb),.4),0 1px 0 rgba(var(--shadow-rgb),.45);padding:6px 0 4px}.home-quote cite:after{content:"";position:absolute;left:50%;bottom:-4px;transform:translate(-50%);width:80px;height:1px;background:linear-gradient(90deg,rgba(var(--accent-rgb),0),rgba(var(--accent-bright-rgb),.7),rgba(var(--accent-rgb),0))}@keyframes home-quote-glow{0%,to{box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.22),inset 0 -1px rgba(var(--shadow-rgb),.3),0 16px 40px -8px rgba(var(--accent-rgb),.2),0 0 0 1px rgba(var(--accent-rgb),.1),0 0 60px -10px rgba(var(--accent-bright-rgb),.18)}50%{box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.3),inset 0 -1px rgba(var(--shadow-rgb),.3),0 20px 48px -8px rgba(var(--accent-rgb),.28),0 0 0 1px rgba(var(--accent-rgb),.16),0 0 80px -8px rgba(var(--accent-bright-rgb),.28)}}@media (prefers-reduced-motion: reduce){.home-quote{animation:none}}.sax-block{position:relative;background:linear-gradient(180deg,rgba(var(--accent-rgb),.1),rgba(var(--bg-deep-rgb),.4))!important;border:1px solid rgba(var(--accent-rgb),.28)!important;box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.14),0 4px 14px -4px rgba(var(--shadow-rgb),.4),0 0 0 1px rgba(var(--accent-rgb),.05)!important;transition:border-color var(--dur-fast) var(--ease-snap),box-shadow var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.sax-block:hover{border-color:rgba(var(--accent-rgb),.45)!important;box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.22),0 10px 28px -6px rgba(var(--shadow-rgb),.5),0 0 0 1px rgba(var(--accent-rgb),.16),0 0 28px -8px rgba(var(--accent-rgb),.2)!important}.sax-block-title{position:relative;text-shadow:0 0 12px rgba(var(--accent-ink-rgb),.3),0 1px 0 rgba(var(--shadow-rgb),.45);padding-bottom:6px}.sax-block-title:after{content:"";position:absolute;left:0;bottom:0;width:48px;height:1px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.55),rgba(var(--accent-rgb),0))}.saxist-card{background:linear-gradient(180deg,rgba(var(--accent-rgb),.08),rgba(var(--bg-deep-rgb),.3))!important;border:1px solid rgba(var(--accent-rgb),.22)!important;box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.1),0 2px 8px rgba(var(--shadow-rgb),.3)!important;transition:border-color var(--dur-fast) var(--ease-snap),background var(--dur-fast) var(--ease-snap),transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease)}.saxist-card:hover{background:linear-gradient(180deg,rgba(var(--accent-bright-rgb),.16),rgba(var(--accent-rgb),.05))!important;border-color:rgba(var(--accent-bright-rgb),.55)!important;transform:translateY(-2px);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.22),0 10px 24px -6px rgba(var(--accent-rgb),.3),0 0 0 3px rgba(var(--accent-rgb),.1)!important}.saxist-card.is-expanded{background:linear-gradient(180deg,rgba(var(--accent-rgb),.2),rgba(var(--bg-deep-rgb),.4))!important;border-color:rgba(var(--accent-bright-rgb),.7)!important;box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.28),0 12px 28px -6px rgba(var(--accent-rgb),.32),0 0 0 2px rgba(var(--accent-rgb),.18),0 0 32px -8px rgba(var(--accent-bright-rgb),.22)!important}.sax-hub-manual-btn{position:relative}.sax-hub-manual-btn:before{content:"";position:absolute;inset:0 0 auto 0;height:45%;background:linear-gradient(180deg,rgba(var(--accent-pale-rgb),.14),rgba(var(--accent-pale-rgb),0));pointer-events:none;z-index:0;opacity:.85;transition:opacity var(--dur) var(--ease);border-radius:inherit}.sax-hub-manual-btn>*{position:relative;z-index:1}.sax-hub-manual-btn:hover:before{opacity:1}.sax-block-diagram svg{filter:drop-shadow(0 0 14px rgba(var(--accent-rgb),.18)) drop-shadow(0 4px 12px rgba(var(--shadow-rgb),.45));transition:filter var(--dur) var(--ease)}.sax-block-diagram:hover svg{filter:drop-shadow(0 0 22px rgba(var(--accent-rgb),.32)) drop-shadow(0 6px 16px rgba(var(--shadow-rgb),.5))}.fs-stage-row-top{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}.fs-stage-row-top>.fs-transport{flex:0 0 auto}.fs-stage-row-top>.fs-key-block{flex:1 1 260px;min-width:0}.fs-stage-row-arps{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}.fs-stage-row-arps>.fs-arp{flex:1 1 0;min-width:0}.fs-key-block{display:flex;flex-direction:column;gap:7px;background:linear-gradient(135deg,#1e1206f2,#120a03fa);border:1px solid rgba(201,162,74,.3);border-radius:10px;padding:10px 14px;box-shadow:inset 0 1px #c9a24a1f,0 2px 12px #00000073}.fs-key-block-main{display:flex;align-items:baseline;gap:12px;line-height:1}.fs-key-block-note{font-size:clamp(2.6rem,5vw,4.2rem);font-weight:900;color:#f4e8c8;letter-spacing:-.02em;text-shadow:0 0 20px rgba(201,162,74,.55),0 0 40px rgba(201,162,74,.2);font-variant-numeric:tabular-nums;min-width:3ch}.fs-key-block-mode-label{font-size:1.1rem;font-weight:700;color:#c9a24abf;letter-spacing:.04em;text-transform:uppercase}.fs-key-block-mode{display:flex;gap:4px}.fs-key-block-mode-btn{flex:1;padding:5px 10px;border:1px solid rgba(201,162,74,.22);border-radius:6px;background:transparent;color:#f4e8c880;font-size:.78rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.fs-key-block-mode-btn:hover{color:#f4d488;border-color:#c9a24a66}.fs-key-block-mode-btn.is-active{background:linear-gradient(135deg,#c9a24a,#a07830);border-color:#c9a24a;color:#1a0a04;font-weight:800;box-shadow:0 0 8px #c9a24a4d}.fs-key-block-chromatic{display:flex;gap:3px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.fs-key-block-chromatic::-webkit-scrollbar{display:none}.fs-key-block-note-chip{flex:0 0 auto;min-width:32px;padding:5px 4px;border:1px solid rgba(201,162,74,.18);border-radius:5px;background:#ffffff08;color:#f4e8c88c;font-size:.68rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;text-align:center;transition:background .12s,color .12s,border-color .12s}.fs-key-block-note-chip.is-sharp{color:#f4e8c861;background:#ffffff03}.fs-key-block-note-chip:hover{color:#f4d488;border-color:#c9a24a61;background:#c9a24a14}.fs-key-block-note-chip.is-active{background:linear-gradient(135deg,#c9a24a,#a07830);border-color:#c9a24a;color:#1a0a04;font-weight:800;box-shadow:0 0 6px #c9a24a59}.fs-arp-power--2.is-on{background:linear-gradient(135deg,#8250c840,#5a28a026);border-color:#a064f099;color:#c8a8f8}.fs-arp-power--2.is-on .fs-arp-power-dot{background:#b080f0;box-shadow:0 0 6px 2px #a064f099;animation:fs-arp2-pulse 1.2s ease-in-out infinite}@keyframes fs-arp2-pulse{0%,to{opacity:1}50%{opacity:.45}}.fs-bass{background:linear-gradient(135deg,#0c1626f2,#060e1afa);border:1px solid rgba(70,140,220,.25);border-radius:8px;padding:8px 10px;box-shadow:inset 0 1px #468cdc1a}.fs-comp{background:linear-gradient(135deg,#261a0cf2,#1a1006fa);border:1px solid rgba(220,160,70,.25);border-radius:8px;padding:8px 10px;box-shadow:inset 0 1px #dca0461a}.fs-comp-head{display:flex;align-items:baseline;gap:8px;margin-bottom:5px}.fs-comp-kicker{font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#dca046bf}.fs-comp-current{display:flex;align-items:baseline;gap:5px;font-size:.72rem}.fs-comp-current-cat{color:#e6c8a08c;font-size:.62rem;font-weight:600}.fs-comp-current-name{color:#f0c078;font-weight:700}.fs-comp-current-div{color:#e6c8a08c;font-size:.62rem}.fs-comp-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.fs-comp-power{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 10px;min-width:52px;border:1px solid rgba(220,160,70,.3);border-radius:7px;background:#ffffff08;color:#ebc8968c;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.fs-comp-power:hover{border-color:#dca04680}.fs-comp-power-dot{width:8px;height:8px;border-radius:50%;background:#dca0464d;transition:background .2s,box-shadow .2s}.fs-comp-power-label{font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.fs-comp-power.is-on{background:linear-gradient(135deg,#c88c2840,#8c5a1426);border-color:#dca046a6;color:#f0c078}.fs-comp-power.is-on .fs-comp-power-dot{background:#f0a840;box-shadow:0 0 6px 2px #dca046a6;animation:fs-bass-pulse 1.4s ease-in-out infinite}.fs-comp-strip{display:flex;gap:4px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1 1 0;min-width:0}.fs-comp-strip::-webkit-scrollbar{display:none}.fs-comp-pattern{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 8px;border:1px solid rgba(220,160,70,.18);border-radius:6px;background:#ffffff08;cursor:pointer;scroll-snap-align:start;transition:background .12s,border-color .12s;min-width:56px}.fs-comp-pattern-cat{font-size:.52rem;color:#dcb98c80;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.fs-comp-pattern-name{font-size:.7rem;font-weight:700;color:#ebd2aabf}.fs-comp-pattern-div{font-size:.52rem;color:#dcb98c73}.fs-comp-pattern:hover{background:#dca04614;border-color:#dca0464d}.fs-comp-pattern:hover .fs-comp-pattern-cat,.fs-comp-pattern:hover .fs-comp-pattern-div{color:#ebd7afb3}.fs-comp-pattern.is-active{background:linear-gradient(135deg,#d2963273,#a0691e59);border-color:#ebaf5abf}.fs-comp-pattern.is-active .fs-comp-pattern-cat,.fs-comp-pattern.is-active .fs-comp-pattern-name,.fs-comp-pattern.is-active .fs-comp-pattern-div{color:#fff0e0}.fs-comp-presets{display:flex;gap:3px;flex-wrap:wrap}.fs-comp-preset-chip{padding:4px 8px;border:1px solid rgba(220,160,70,.22);border-radius:5px;background:transparent;color:#ebc8968c;font-size:.65rem;font-weight:600;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.fs-comp-preset-chip:hover{color:#f0c078;border-color:#dca04673}.fs-comp-preset-chip.is-active{background:linear-gradient(135deg,#d2963273,#a0691e4d);border-color:#ebaf5ab3;color:#ffe4c8;font-weight:700}.fs-comp-group{display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid rgba(220,160,70,.18);border-radius:6px;background:#ffffff05}.fs-comp-group-label{font-size:.58rem;font-weight:700;letter-spacing:.08em;color:#dcb98c8c;text-transform:uppercase;margin-right:2px}.fs-bass-head{display:flex;align-items:baseline;gap:8px;margin-bottom:5px}.fs-bass-kicker{font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#468cdcb3}.fs-bass-current{display:flex;align-items:baseline;gap:5px;font-size:.72rem}.fs-bass-current-cat{color:#a0bee68c;font-size:.62rem;font-weight:600}.fs-bass-current-name{color:#90c8ff;font-weight:700}.fs-bass-current-div{color:#a0bee68c;font-size:.62rem}.fs-bass-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.fs-bass-power{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 10px;min-width:52px;border:1px solid rgba(70,140,220,.3);border-radius:7px;background:#ffffff08;color:#a0c8ff8c;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.fs-bass-power:hover{border-color:#468cdc80}.fs-bass-power-dot{width:8px;height:8px;border-radius:50%;background:#468cdc4d;transition:background .2s,box-shadow .2s}.fs-bass-power-label{font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.fs-bass-power.is-on{background:linear-gradient(135deg,#2864c840,#143c8c26);border-color:#468cdca6;color:#90c8ff}.fs-bass-power.is-on .fs-bass-power-dot{background:#5090f0;box-shadow:0 0 6px 2px #468cdca6;animation:fs-bass-pulse 1.4s ease-in-out infinite}@keyframes fs-bass-pulse{0%,to{opacity:1}50%{opacity:.4}}.fs-bass-strip{display:flex;gap:4px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1 1 0;min-width:0}.fs-bass-strip::-webkit-scrollbar{display:none}.fs-bass-pattern{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 8px;border:1px solid rgba(70,140,220,.18);border-radius:6px;background:#ffffff08;cursor:pointer;scroll-snap-align:start;transition:background .12s,border-color .12s;min-width:56px}.fs-bass-pattern-cat{font-size:.52rem;color:#8cb4e680;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.fs-bass-pattern-name{font-size:.7rem;font-weight:700;color:#b4d2ffbf}.fs-bass-pattern-div{font-size:.52rem;color:#8cb4e673}.fs-bass-pattern:hover{background:#468cdc14;border-color:#468cdc4d}.fs-bass-pattern:hover .fs-bass-pattern-cat,.fs-bass-pattern:hover .fs-bass-pattern-div{color:#b4d7ffb3}.fs-bass-pattern.is-active{background:linear-gradient(135deg,#326ed273,#1e4ba059);border-color:#5a96ebbf}.fs-bass-pattern.is-active .fs-bass-pattern-cat,.fs-bass-pattern.is-active .fs-bass-pattern-name,.fs-bass-pattern.is-active .fs-bass-pattern-div{color:#e0eeff}.fs-bass-presets{display:flex;gap:3px;flex-wrap:wrap}.fs-bass-preset-chip{padding:4px 8px;border:1px solid rgba(70,140,220,.22);border-radius:5px;background:transparent;color:#a0c8ff8c;font-size:.65rem;font-weight:600;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.fs-bass-preset-chip:hover{color:#90c8ff;border-color:#468cdc73}.fs-bass-preset-chip.is-active{background:linear-gradient(135deg,#326ed273,#1e4ba04d);border-color:#5a96ebb3;color:#c8e4ff;font-weight:700}.fs-bass-group{display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid rgba(70,140,220,.18);border-radius:6px;background:#ffffff05}.fs-bass-group-label{font-size:.58rem;font-weight:700;letter-spacing:.08em;color:#8cb4e68c;text-transform:uppercase;margin-right:2px}.fs-bass-vol{display:flex;align-items:center;gap:5px;white-space:nowrap}.fs-bass-vol-label{font-size:.58rem;font-weight:700;letter-spacing:.08em;color:#8cb4e68c;text-transform:uppercase}.fs-bass-vol-slider{width:60px;accent-color:#5090f0}.fs-bass-vol-value{font-size:.62rem;color:#a0c8ffa6;font-variant-numeric:tabular-nums;min-width:2ch}@keyframes fs-tap-flash{0%{background:#c9a24a73;box-shadow:0 0 12px #c9a24a8c}to{background:transparent;box-shadow:none}}.fs-transport-tap.is-flash{animation:fs-tap-flash .2s ease-out forwards;color:#ffe0a0}.fs-transport-tap-label{display:block;line-height:1}.fs-transport-tap-count{display:block;font-size:.52rem;font-weight:700;letter-spacing:.05em;color:#c9a24abf;line-height:1;margin-top:2px}.fs-transport-tapmode{display:flex;flex-direction:column;gap:2px}.fs-transport-tapmode-btn{padding:3px 6px;border:1px solid rgba(201,162,74,.2);border-radius:4px;background:transparent;color:#f4e8c866;font-size:.6rem;font-weight:700;cursor:pointer;line-height:1;transition:background .12s,color .12s,border-color .12s}.fs-transport-tapmode-btn:hover{color:#f4d488;border-color:#c9a24a73}.fs-transport-tapmode-btn.is-active{background:#c9a24a33;border-color:#c9a24a8c;color:#f4d488}@media (max-width: 600px){.fs-stage-row-top{flex-wrap:wrap}.fs-stage-row-top>.fs-key-block{flex:1 1 100%}.fs-stage-row-arps{flex-direction:column}.fs-key-block-note{font-size:2.4rem}.fs-bass-strip{max-width:100%}.fs-bass-presets{gap:2px}.fs-bass-preset-chip{font-size:.6rem;padding:3px 5px}}.fs-arp-edit-btn{display:flex;align-items:center;gap:4px;margin-left:auto;padding:4px 9px;border:1px solid rgba(201,162,74,.22);border-radius:6px;background:transparent;color:#f4e8c880;font-size:.62rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.fs-arp-edit-btn:hover{color:#f4d488;border-color:#c9a24a6b;background:#c9a24a0f}.fs-arp-edit-btn.is-open{color:#f4d488;border-color:#c9a24a8c;background:#c9a24a1a}.fs-arp-edit-btn.is-custom-active{color:#fc4;border-color:#ffc83c8c;background:#ffb4281f;box-shadow:0 0 6px #ffb42833}.arp-editor{margin-top:8px;padding:10px 12px;background:#080502bf;border:1px solid rgba(201,162,74,.2);border-radius:8px;display:flex;flex-direction:column;gap:8px}.arp-editor-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.arp-editor-kicker{font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#c9a24aa6;margin-right:4px}.arp-editor-ctrl{display:flex;align-items:center;gap:3px;padding:3px 7px;border:1px solid rgba(201,162,74,.15);border-radius:6px;background:#ffffff05}.arp-editor-ctrl-label{font-size:.56rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c9a24a80;margin-right:3px}.arp-editor-chip{padding:3px 7px;border:1px solid rgba(201,162,74,.18);border-radius:4px;background:transparent;color:#f4e8c873;font-size:.62rem;font-weight:600;cursor:pointer;transition:all .12s}.arp-editor-chip:hover{color:#f4d488;border-color:#c9a24a66}.arp-editor-chip.is-active{background:#c9a24a38;border-color:#c9a24a99;color:#f4e8c8;font-weight:700}.arp-editor-clear{padding:4px 9px;border:1px solid rgba(200,80,60,.3);border-radius:5px;background:transparent;color:#ff82648c;font-size:.6rem;font-weight:600;cursor:pointer;margin-left:auto;transition:all .12s}.arp-editor-clear:hover{color:#f97;border-color:#c8503c8c}.arp-editor-launch{padding:5px 14px;border:1px solid rgba(201,162,74,.35);border-radius:6px;background:#c9a24a14;color:#f4d488;font-size:.68rem;font-weight:800;letter-spacing:.06em;cursor:pointer;transition:all .15s}.arp-editor-launch:hover{background:#c9a24a2e;border-color:#c9a24a99;box-shadow:0 0 8px #c9a24a40}.arp-editor-launch.is-active{background:linear-gradient(135deg,#c9a24a,#a07830);border-color:#c9a24a;color:#1a0a04;box-shadow:0 0 10px #c9a24a66}.arp-editor-launch.is-pending{animation:arp-editor-pending .8s ease-in-out infinite alternate}@keyframes arp-editor-pending{0%{opacity:.6}to{opacity:1;box-shadow:0 0 12px #c9a24a80}}.arp-editor-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.arp-editor-legend-item{font-size:.57rem;font-weight:700;padding:2px 6px;border-radius:3px}.arp-editor-legend-item.is-root{background:#c9a24a40;color:#f4d488}.arp-editor-legend-item.is-third{background:#e8823c40;color:#f0a060}.arp-editor-legend-item.is-fifth{background:#46b4c838;color:#80d8e8}.arp-editor-legend-item.is-oct{background:#c8a0ff38;color:#d0b8ff}.arp-editor-legend-sep{color:#f4e8c840}.arp-editor-legend-hint{font-size:.55rem;color:#f4e8c84d;font-style:italic}.arp-editor-grid{display:flex;flex-direction:column;gap:4px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(201,162,74,.3) transparent}.arp-editor-grid::-webkit-scrollbar{height:4px}.arp-editor-grid::-webkit-scrollbar-thumb{background:#c9a24a4d;border-radius:2px}.arp-editor-beat{display:flex;align-items:center;gap:3px;min-width:max-content}.arp-editor-beat-num{font-size:.58rem;font-weight:800;color:#c9a24a73;width:12px;text-align:right;flex-shrink:0}.arp-editor-beat-steps{display:flex;gap:2px}.arp-editor-step{width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:#ffffff0a;color:transparent;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:border-color .1s,background .1s;touch-action:none;user-select:none;-webkit-user-select:none}.arp-editor-step.is-downbeat{border-left:2px solid rgba(201,162,74,.3)}.arp-editor-step:hover{border-color:#c9a24a4d;background:#c9a24a0f}.arp-editor-step.is-on{color:#0a0908e6}.arp-editor-step.is-root{background:linear-gradient(135deg,#c9a24a,#a07830);border-color:#c9a24a;box-shadow:0 0 5px #c9a24a59}.arp-editor-step.is-third{background:linear-gradient(135deg,#e8823e,#c05e28);border-color:#e8823e;box-shadow:0 0 5px #e8823e4d}.arp-editor-step.is-fifth{background:linear-gradient(135deg,#46b8c9,#2e8e9e);border-color:#46b8c9;box-shadow:0 0 5px #46b8c94d}.arp-editor-step.is-oct{background:linear-gradient(135deg,#b890f0,#8860c0);border-color:#b890f0;box-shadow:0 0 5px #b890f04d}.arp-editor-step-label{font-size:.7rem;font-weight:900;line-height:1;letter-spacing:-.01em}.arp-editor-step-accent{position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 3px #fff9}.arp-editor-step.is-accent{border-width:2px}@media (max-width: 600px){.arp-editor-step{width:28px;height:28px}.arp-editor-step-label{font-size:.6rem}.arp-editor-head{gap:5px}.arp-editor-launch{padding:4px 10px;font-size:.62rem}}.fs-instrument-key-badge-wrap{position:relative;margin-left:auto;flex-shrink:0;z-index:10}.fs-instrument-key-badge.is-interactive{pointer-events:auto;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(180deg,#3226168c,#1e160e73);border:1px solid rgba(201,162,74,.3);border-radius:10px;padding:4px 12px;box-shadow:inset 0 1px #c9a24a2e,0 2px 6px #0000004d;transition:border-color .18s,box-shadow .18s,background .18s}.fs-instrument-key-badge.is-interactive:hover{border-color:#c9a24aa6;background:linear-gradient(180deg,#3c2e1aa6,#231a108c);box-shadow:inset 0 1px #e8c8824d,0 4px 14px #c9a24a40}.fs-instrument-key-badge.is-interactive.is-open{border-color:#e8c882d9;background:linear-gradient(180deg,#503c1ebf,#2d2012a6);box-shadow:inset 0 1px #e8c88266,0 0 18px #e8c88266}.fs-key-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:9999;display:flex;flex-direction:column;gap:10px;padding:14px;min-width:320px;background:linear-gradient(180deg,#1c160efa,#100c08fa);border:1px solid rgba(201,162,74,.45);border-radius:12px;box-shadow:inset 0 1px #c9a24a40,0 14px 40px #000000a6,0 0 0 4px #00000059;animation:fs-key-popover-in .14s ease-out}@keyframes fs-key-popover-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.fs-key-popover:before{content:"";position:absolute;top:-7px;right:18px;width:12px;height:12px;background:#1c160efa;border-left:1px solid rgba(201,162,74,.45);border-top:1px solid rgba(201,162,74,.45);transform:rotate(45deg)}.fs-key-popover-mode{display:flex;gap:4px;padding:4px;background:#00000073;border-radius:8px;border:1px solid rgba(201,162,74,.2)}.fs-key-popover-mode-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 0;padding:8px 14px;background:transparent;border:none;border-radius:6px;color:#f4e8c88c;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background .15s,color .15s,box-shadow .18s}.fs-key-popover-mode-btn:hover{color:#f4e8c8d9;background:#c9a24a1f}.fs-key-popover-mode-btn.is-active{background:linear-gradient(180deg,#c9a24a,#8a6a2a);color:#1a1208;box-shadow:inset 0 1px #ffdca066,0 2px 6px #c9a24a73}.fs-key-popover-chromatic{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.fs-key-popover-note{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:12px 4px;background:linear-gradient(180deg,#282016d9,#14100ad9);border:1px solid rgba(201,162,74,.18);border-radius:8px;color:#f4e8c8bf;font-size:1.05rem;font-weight:700;font-family:Cormorant Garamond,Playfair Display,Georgia,serif;cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .1s}.fs-key-popover-note.is-sharp{color:#b4aa96d9;background:linear-gradient(180deg,#1c1610eb,#0e0a06eb)}.fs-key-popover-note:hover{border-color:#e8c8828c;color:#f4e8c8;transform:translateY(-1px)}.fs-key-popover-note.is-active{background:linear-gradient(180deg,#d4b25a,#9a7a3a);border-color:#ffdca0d9;color:#1a1208;box-shadow:inset 0 1px #ffdca066,0 0 14px #e8c88273}@media (max-width: 500px){.fs-key-popover{min-width:280px;right:-8px}.fs-key-popover-chromatic{grid-template-columns:repeat(4,1fr)}}.fs-drone-head{display:flex;align-items:center;gap:8px;padding:0 4px}.fs-drone-current{display:inline-flex;align-items:baseline;gap:6px;font-size:.7rem;font-weight:600}.fs-drone-current-cat{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#8cc8e68c}.fs-drone-current-name{color:#9ed8ff;font-weight:700}.fs-drone-current-sep{color:#f4e8c84d;font-size:.6rem}.fs-drone-current-mode{color:#f4e8c8bf;font-weight:700;font-variant-numeric:tabular-nums}.fs-drone-current-preset{color:#f4e8c899;font-size:.68rem;font-style:italic}.fs-drone-strip{flex:1 1 0;min-width:0;display:flex;gap:5px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(140,200,230,.4) transparent;padding:2px 1px}.fs-drone-strip::-webkit-scrollbar{height:6px}.fs-drone-strip::-webkit-scrollbar-thumb{background:#8cc8e666;border-radius:3px}.fs-drone-strip::-webkit-scrollbar-track{background:transparent}.fs-drone-pattern{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;min-width:88px;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px 10px;border-radius:7px;background:linear-gradient(180deg,#1c242ed9,#0e1218d9);border:1px solid rgba(140,200,230,.2);cursor:pointer;transition:border-color .15s,background .15s,transform .1s,box-shadow .18s;flex-shrink:0}.fs-drone-pattern-cat{font-size:.52rem;color:#8cc8e680;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.fs-drone-pattern-name{font-size:.72rem;font-weight:700;color:#c8e6facc}.fs-drone-pattern:hover{border-color:#aadcf580;background:linear-gradient(180deg,#263240d9,#141a22d9);transform:translateY(-1px)}.fs-drone-pattern:hover .fs-drone-pattern-cat,.fs-drone-pattern:hover .fs-drone-pattern-name{color:#dcf0fff2}.fs-drone-pattern.is-active{background:linear-gradient(180deg,#4faae6,#1a5a90);border-color:#96dcffd9;box-shadow:inset 0 1px #b4e6ff59,0 0 14px #50aae673}.fs-drone-pattern.is-active .fs-drone-pattern-cat,.fs-drone-pattern.is-active .fs-drone-pattern-name{color:#f0fbff}.fs-drone-group-label{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#8cc8e6a6;padding:0 2px}.fs-drone-oct-value{display:inline-flex;align-items:center;justify-content:center;min-width:16px;font-size:.78rem;font-weight:700;color:#9ed8ff;font-variant-numeric:tabular-nums;padding:0 3px}.fs-drone-power.is-on{border-color:#96dcffd9;color:#c8e8ff;box-shadow:0 0 14px #78bee64d}.fs-drone-power.is-on .fs-drone-power-dot{background:radial-gradient(circle at 30% 30%,#e0f4ff,#6cb0f0 60%,#1a5a90);box-shadow:0 0 10px #96dcffd9;animation:fs-drone-pulse 1.6s ease-in-out infinite}@keyframes fs-drone-pulse{0%,to{box-shadow:0 0 8px rgba(var(--data-blue-surf-9-rgb),.65)}50%{box-shadow:0 0 14px #96dcff}}.fs-drone-vol-slider{width:80px;min-width:60px}@media (max-width: 700px),(max-height: 430px){.fs-drone-pattern{min-width:72px;padding:4px 7px}.fs-drone-pattern-name{font-size:.66rem}.fs-drone-preset{min-width:86px;font-size:.74rem}.fs-drone-vol-slider{width:60px}}.fs-chord-pads-row{display:flex;flex-direction:column;gap:3px;min-width:0}.fs-chord-pads-row-head{display:flex;align-items:baseline;gap:8px;padding:2px 4px 1px;min-width:0}.fs-chord-pads-row-title{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#f4e8c8d9;flex-shrink:0}.fs-chord-pads-row-hint{font-size:.62rem;color:#f4e8c866;font-style:italic;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.fs-chord-pads-row--sevenths .fs-chord-pads-row-title{color:#f4d488}.fs-chord-pads-row--sus .fs-chord-pads-row-title{color:#82d8e8}.fs-chord-pads-row--sec-dom .fs-chord-pads-row-title{color:#ff9670}.fs-chord-pads-row--ext .fs-chord-pads-row-title{color:#c4a0ff}.fs-chord-pads-grid--sevenths,.fs-chord-pads-grid--sus{grid-template-columns:repeat(7,1fr)}.fs-chord-pads-grid--sec-dom,.fs-chord-pads-grid--ext{grid-template-columns:repeat(5,1fr)}.fs-chord-pad--maj7 .fs-chord-pad-symbol{color:#f4d488}.fs-chord-pad--min7 .fs-chord-pad-symbol{color:#cfb978}.fs-chord-pad--dom7 .fs-chord-pad-symbol{color:#ffce82}.fs-chord-pad--dim7 .fs-chord-pad-symbol{color:#b8a06a;font-style:italic}.fs-chord-pad--halfdim7 .fs-chord-pad-symbol{color:#c8b078;font-style:italic}.fs-chord-pad--sus4,.fs-chord-pad--sus2{border-color:#82d8e859;background:radial-gradient(circle at 50% -20%,rgba(160,220,240,.18) 0%,transparent 60%),linear-gradient(180deg,#14242cf2,#0a1216f2)}.fs-chord-pad--sus4 .fs-chord-pad-symbol,.fs-chord-pad--sus2 .fs-chord-pad-symbol{color:#82d8e8}.fs-chord-pad--sus4:hover,.fs-chord-pad--sus2:hover{border-color:#aae6f5a6;background:radial-gradient(circle at 50% -20%,rgba(160,220,240,.28) 0%,transparent 60%),linear-gradient(180deg,#1e3440f2,#0e1a20f2)}.fs-chord-pad--sus4:active,.fs-chord-pad--sus2:active{background:radial-gradient(circle at 50% 120%,rgba(160,220,240,.35) 0%,transparent 60%),linear-gradient(180deg,#82d8e8,#3a90b0 60%,#1a5060);border-color:#aae6f5f2;box-shadow:0 0 22px #82d8e88c,inset 0 2px 4px #00000080,inset 0 -1px #fff3}.fs-chord-pad--sus4:active .fs-chord-pad-symbol,.fs-chord-pad--sus2:active .fs-chord-pad-symbol{color:#0a1418}.fs-chord-pad--sec-dom{border-color:#ff967066;background:radial-gradient(circle at 50% -20%,rgba(255,170,130,.2) 0%,transparent 60%),linear-gradient(180deg,#2c1a12f2,#160c08f2)}.fs-chord-pad--sec-dom .fs-chord-pad-symbol{color:#ff9670}.fs-chord-pad--sec-dom .fs-chord-pad-sub{color:#ffb48ca6;font-weight:700}.fs-chord-pad--sec-dom:hover{border-color:#ffb48cbf;background:radial-gradient(circle at 50% -20%,rgba(255,170,130,.32) 0%,transparent 60%),linear-gradient(180deg,#3c2418f2,#1e100af2)}.fs-chord-pad--sec-dom:active{background:radial-gradient(circle at 50% 120%,rgba(255,170,130,.4) 0%,transparent 60%),linear-gradient(180deg,#ff9670,#c45a30 60%,#6a2a14);border-color:#ffc8a0f2;box-shadow:0 0 22px #ff96708c,inset 0 2px 4px #00000080,inset 0 -1px #fff3}.fs-chord-pad--sec-dom:active .fs-chord-pad-symbol,.fs-chord-pad--sec-dom:active .fs-chord-pad-sub{color:#1a0a04}.fs-chord-pad--maj9,.fs-chord-pad--min9,.fs-chord-pad--dom9,.fs-chord-pad--dom13{border-color:#c4a0ff66;background:radial-gradient(circle at 50% -20%,rgba(200,170,255,.2) 0%,transparent 60%),linear-gradient(180deg,#1e162cf2,#100c18f2)}.fs-chord-pad--maj9 .fs-chord-pad-symbol,.fs-chord-pad--min9 .fs-chord-pad-symbol,.fs-chord-pad--dom9 .fs-chord-pad-symbol,.fs-chord-pad--dom13 .fs-chord-pad-symbol{color:#c4a0ff}.fs-chord-pad--maj9:hover,.fs-chord-pad--min9:hover,.fs-chord-pad--dom9:hover,.fs-chord-pad--dom13:hover{border-color:#d2b4ffbf;background:radial-gradient(circle at 50% -20%,rgba(200,170,255,.32) 0%,transparent 60%),linear-gradient(180deg,#302040f2,#181024f2)}.fs-chord-pad--maj9:active,.fs-chord-pad--min9:active,.fs-chord-pad--dom9:active,.fs-chord-pad--dom13:active{background:radial-gradient(circle at 50% 120%,rgba(200,170,255,.4) 0%,transparent 60%),linear-gradient(180deg,#c4a0ff,#7a4ec4 60%,#3a2070);border-color:#dcc8fff2;box-shadow:0 0 22px #c4a0ff8c,inset 0 2px 4px #00000080,inset 0 -1px #fff3}.fs-chord-pad--maj9:active .fs-chord-pad-symbol,.fs-chord-pad--min9:active .fs-chord-pad-symbol,.fs-chord-pad--dom9:active .fs-chord-pad-symbol,.fs-chord-pad--dom13:active .fs-chord-pad-symbol{color:#14081c}@media (max-width: 700px),(max-height: 430px){.fs-chord-pads-row-hint{display:none}.fs-chord-pads-row-title{font-size:.56rem;letter-spacing:.12em}.fs-chord-pads-grid--sus{grid-template-columns:repeat(7,1fr);gap:4px}.fs-chord-pads-grid--sec-dom,.fs-chord-pads-grid--ext{grid-template-columns:repeat(5,1fr);gap:4px}}.knob{display:inline-flex;flex-direction:column;align-items:center;gap:3px;user-select:none;-webkit-user-select:none}.knob-dial{--knob-accent: var(--accent);--knob-fill: 0;position:relative;width:46px;height:46px;padding:0;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.32);background:conic-gradient(from -135deg,var(--knob-accent) 0 calc(var(--knob-fill) * 270deg),rgba(var(--veil-hi-rgb),.05) calc(var(--knob-fill) * 270deg) 270deg,transparent 270deg 360deg);cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 1px rgba(var(--accent-bright-rgb),.16),0 2px 6px rgba(var(--shadow-rgb),.4);transition:box-shadow .15s ease,border-color .15s ease,transform .08s ease}.knob--sm .knob-dial{width:38px;height:38px}.knob-dial:before{content:"";position:absolute;top:13%;right:13%;bottom:13%;left:13%;border-radius:50%;background:radial-gradient(circle at 50% 34%,var(--panel-2) 0%,var(--bg-sidebar) 72%,var(--bg-deep) 100%);box-shadow:inset 0 1px 1px rgba(var(--accent-bright-rgb),.14),inset 0 -3px 5px rgba(var(--shadow-rgb),.6)}.knob-dial:hover{border-color:rgba(var(--accent-bright-rgb),.7);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.28),0 0 0 3px rgba(var(--accent-rgb),.12),0 4px 12px rgba(var(--shadow-rgb),.45)}.knob-dial:active{cursor:grabbing;transform:translateY(1px)}.knob-dial:focus-visible{outline:none;border-color:var(--accent-bright);box-shadow:0 0 0 3px rgba(var(--accent-bright-rgb),.4)}.knob-dial-indicator{position:absolute;left:50%;top:50%;width:2.5px;height:42%;border-radius:2px;background:linear-gradient(var(--accent-invert),var(--accent));box-shadow:0 0 5px rgba(var(--accent-bright-rgb),.75);transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(var(--knob-angle, 0deg));pointer-events:none}.knob-cap{display:flex;flex-direction:column;align-items:center;line-height:1.05}.knob-value{font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-warm);text-shadow:0 1px 2px rgba(var(--shadow-rgb),.6)}.knob--sm .knob-value{font-size:10px}.knob-label{font-size:8.5px;letter-spacing:.07em;text-transform:uppercase;color:rgba(var(--text-warm-rgb),.62)}@media (prefers-reduced-motion: reduce){.knob-dial{transition:none}}.fs-arp-knobs{display:inline-flex;align-items:flex-start;gap:10px;padding-left:4px}.progression-card.fam-electro{border-left:3px solid var(--data-blue-surf-11)}.progression-family-badge.fam-electro{background:rgba(var(--data-blue-surf-11-rgb),.15);color:var(--data-blue-ink-3)}.progression-detail.fam-electro{border-top:4px solid var(--data-blue-surf-11)}.fs-chord-pads--rack{padding:8px;border-radius:12px;background:linear-gradient(180deg,#1a17148c,#0c0a0880);border:1px solid rgba(212,175,79,.16);box-shadow:inset 0 1px #ffd9700f,0 2px 10px #00000059}.fs-chord-pads-face{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding:2px 4px 8px;margin-bottom:8px;border-bottom:1px solid rgba(212,175,79,.14)}.fs-chord-pads-controls{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}.fs-chord-pads-playmode,.fs-chord-pads-quantize{display:inline-flex;align-items:center;gap:5px}.fs-chord-pads-ctl-label{display:inline-flex;align-items:center;gap:3px;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#f4e8c88c}.fs-chord-pads-tabs{display:inline-flex;gap:3px;padding:3px;border-radius:9px;background:#0a09078c;border:1px solid rgba(212,175,79,.14)}.fs-chord-pads-tab{min-height:34px;padding:4px 15px;border:0;border-radius:7px;background:transparent;color:#f4e8c89e;font-size:.76rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.fs-chord-pads-tab:hover{color:#ffd970;background:#d4af4f1a}.fs-chord-pads-tab:focus-visible{outline:none;box-shadow:0 0 0 2px #ffd9708c}.fs-chord-pads-tab.is-active{color:#1a1208;background:linear-gradient(180deg,#ffd970,#e0bd5e 55%,#d4af4f);box-shadow:inset 0 1px #ffffff52,0 1px 4px #0000004d}.fs-chord-pads-body{display:flex;flex-direction:column;gap:10px}.fs-chord-pads--rack .fs-chord-pads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}.fs-chord-pads--rack .fs-chord-pads-row{padding:7px 8px 8px;border-radius:9px;background:#0000002e;border:1px solid rgba(212,175,79,.1);box-shadow:inset 0 1px #ffd9700a}.fs-chord-pads-grilles{display:flex;flex-direction:column;gap:8px}.fs-chord-pads-row--grille.is-pinned{position:sticky;top:0;z-index:8;background:linear-gradient(180deg,#211c12,#18140d);border:1px solid rgba(255,217,112,.55);border-radius:10px;padding:7px 9px 9px;margin-bottom:4px;box-shadow:0 6px 18px -4px #0000008c,0 0 0 1px #d4af4f2e,0 0 22px -6px #ffd97066}.fs-grille-pinned-tag{display:inline-block;font-size:.54rem;font-weight:800;letter-spacing:.12em;padding:2px 6px;margin-right:6px;border-radius:5px;color:#1a1208;background:linear-gradient(180deg,#ffd970,#d4af4f);vertical-align:middle}.fs-grille-pinned-close{margin-left:6px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:1px solid rgba(212,175,79,.4);background:#0f0c0880;color:#f4e8c8d9;cursor:pointer;transition:all .15s ease}.fs-grille-pinned-close:hover{border-color:#ffd970d9;color:#ffd970;background:#d4af4f24}.fs-chord-pads-grilles-intro{margin:0 0 2px;font-size:.72rem;line-height:1.5;font-style:italic;color:#f4e8c89e}.fs-chord-pads-row--grille .fs-chord-pads-row-title{font-size:.7rem;color:#f0d488}.fs-chord-pads--rack .fs-chord-pads-row--grille .fs-chord-pads-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.fs-chord-pad--sixth{border-color:#e8b86561;background:radial-gradient(circle at 50% -20%,rgba(240,200,130,.18) 0%,transparent 60%),linear-gradient(180deg,#282012f2,#140f08f2)}.fs-chord-pad--sixth .fs-chord-pad-symbol{color:#e8b865}.fs-chord-pad--sixth:hover{border-color:#f5cd8cb3;background:radial-gradient(circle at 50% -20%,rgba(240,200,130,.28) 0%,transparent 60%),linear-gradient(180deg,#382c18f2,#1c140af2)}.fs-chord-pad--sixth:active{border-color:#f5cd8cf2;background:radial-gradient(circle at 50% 120%,rgba(240,200,130,.35) 0%,transparent 60%),linear-gradient(180deg,#e8b865,#b0832c 60%,#6a4d18)}.fs-chord-pad--sixth:active .fs-chord-pad-symbol{color:#1a1208}.fs-chord-pad--add9{border-color:#7fd6a85c;background:radial-gradient(circle at 50% -20%,rgba(150,230,185,.16) 0%,transparent 60%),linear-gradient(180deg,#10261cf2,#08140ef2)}.fs-chord-pad--add9 .fs-chord-pad-symbol{color:#7fd6a8}.fs-chord-pad--add9:hover{border-color:#a0f0c3ad;background:radial-gradient(circle at 50% -20%,rgba(150,230,185,.26) 0%,transparent 60%),linear-gradient(180deg,#183628f2,#0c1c14f2)}.fs-chord-pad--add9:active{border-color:#a0f0c3f2;background:radial-gradient(circle at 50% 120%,rgba(150,230,185,.35) 0%,transparent 60%),linear-gradient(180deg,#7fd6a8,#3a9068 60%,#1a5038)}.fs-chord-pad--add9:active .fs-chord-pad-symbol{color:#0a1810}.fs-chord-pad--borrowed{border-color:#e88bd05c;background:radial-gradient(circle at 50% -20%,rgba(240,160,220,.16) 0%,transparent 60%),linear-gradient(180deg,#281224f2,#140912f2)}.fs-chord-pad--borrowed .fs-chord-pad-symbol{color:#e88bd0}.fs-chord-pad--borrowed:hover{border-color:#f5aae4b3;background:radial-gradient(circle at 50% -20%,rgba(240,160,220,.26) 0%,transparent 60%),linear-gradient(180deg,#381a32f2,#1c0d19f2)}.fs-chord-pad--borrowed:active{border-color:#f5aae4f2;background:radial-gradient(circle at 50% 120%,rgba(240,160,220,.35) 0%,transparent 60%),linear-gradient(180deg,#e88bd0,#90407c 60%,#501a44)}.fs-chord-pad--borrowed:active .fs-chord-pad-symbol{color:#1a0816}@media (prefers-reduced-motion: reduce){.fs-chord-pads-tab{transition:none}}.knob--sm .knob-dial{width:42px;height:42px}.fs-arp:not(.fs-arp--2){background:linear-gradient(135deg,#2a120ce6,#160a07f2);border:1px solid rgba(230,110,80,.26);border-radius:8px;padding:8px 10px;box-shadow:inset 0 1px #e66e501a}.fs-arp:not(.fs-arp--2) .fs-arp-kicker{color:#e87a5ceb}.fs-arp.fs-arp--2{background:linear-gradient(135deg,#1e122ae6,#110a1af2);border:1px solid rgba(170,120,220,.26);border-radius:8px;padding:8px 10px;box-shadow:inset 0 1px #aa78dc1a}.fs-arp.fs-arp--2 .fs-arp-kicker{color:#b884e2eb}.fs-drone{background:linear-gradient(135deg,#082220eb,#051312f5);border:1px solid rgba(70,200,190,.24);border-radius:8px;padding:8px 10px;box-shadow:inset 0 1px #46c8be1a}.fs-drone-kicker{color:#52cec4e0}.fs-seq{background:linear-gradient(135deg,#081a26eb,#050f18f5);border:1px solid rgba(80,190,230,.24);border-radius:8px;padding:8px 10px;box-shadow:inset 0 1px #50bee61a}.fs-seq-kicker{color:#5cc4ece0}.fs-transport{background:linear-gradient(135deg,#221c0ee6,#130f08f2);border:1px solid rgba(212,175,79,.26);border-radius:8px;padding:8px 10px;box-shadow:inset 0 1px #d4af4f1f}.fs-instrument-accessory>.fs-transport{position:sticky;top:0;z-index:6;background:linear-gradient(135deg,#221c0efb,#130f08fc);box-shadow:inset 0 1px #d4af4f1f,0 8px 14px -6px #000000a6}.fs-chord-pads-row--grille .fs-chord-pad--maj{border-color:#f4d4886b}.fs-chord-pads-row--grille .fs-chord-pad--maj .fs-chord-pad-symbol{color:#f4d488}.fs-chord-pads-row--grille .fs-chord-pad--maj7{border-color:#88e0a873}.fs-chord-pads-row--grille .fs-chord-pad--maj7 .fs-chord-pad-symbol{color:#88e0a8}.fs-chord-pads-row--grille .fs-chord-pad--min{border-color:#8fb4ff73}.fs-chord-pads-row--grille .fs-chord-pad--min .fs-chord-pad-symbol{color:#9fb8ff}.fs-chord-pads-row--grille .fs-chord-pad--min7{border-color:#6fd0d073}.fs-chord-pads-row--grille .fs-chord-pad--min7 .fs-chord-pad-symbol{color:#6fd0d0}.fs-chord-pads-row--grille .fs-chord-pad--dom7{border-color:#ff9f6b7a}.fs-chord-pads-row--grille .fs-chord-pad--dom7 .fs-chord-pad-symbol{color:#ff9f6b}.fs-chord-pads-row--grille .fs-chord-pad--dim,.fs-chord-pads-row--grille .fs-chord-pad--dim7{border-color:#ff7a7a7a}.fs-chord-pads-row--grille .fs-chord-pad--dim .fs-chord-pad-symbol,.fs-chord-pads-row--grille .fs-chord-pad--dim7 .fs-chord-pad-symbol{color:#ff7a7a}.fs-chord-pads-row--grille .fs-chord-pad--halfdim7{border-color:#e08bd07a}.fs-chord-pads-row--grille .fs-chord-pad--halfdim7 .fs-chord-pad-symbol{color:#e08bd0}.fs-chord-pads-row--grille .fs-chord-pad--aug{border-color:#ffd98c80}.fs-chord-pads-row--grille .fs-chord-pad--aug .fs-chord-pad-symbol{color:#ffd98c}.fs-chord-pads-tabs{gap:4px;padding:4px}.fs-chord-pads-tab{min-height:42px;padding:8px 22px;font-size:.92rem;letter-spacing:.04em;border-radius:9px}.fs-chord-pads-tab.is-active{box-shadow:inset 0 1px #ffffff59,0 2px 8px #d4af4f59,0 0 0 1px #ffd97066;transform:translateY(-1px)}@media (prefers-reduced-motion: reduce){.fs-chord-pads-tab.is-active{transform:none}}.fs-grille-filterbar{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.fs-grille-filter{min-height:32px;padding:4px 13px;border-radius:999px;border:1px solid rgba(212,175,79,.22);background:#0a090780;color:#f4e8c8b3;font-size:.72rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.fs-grille-filter:hover{color:#ffd970;border-color:#ffd97080}.fs-grille-filter:focus-visible{outline:none;box-shadow:0 0 0 2px #ffd97080}.fs-grille-filter.is-active{color:#1a1208;border-color:transparent;background:linear-gradient(180deg,#ffd970,#d4af4f);box-shadow:0 1px 4px #0000004d}.fs-grille-summary{margin:0 0 10px;padding-left:2px;font-size:.75rem;line-height:1.5;font-style:italic;color:#f4e8c8a8}.fs-grille-tip{margin:-2px 0 7px;padding-left:2px;font-size:.74rem;line-height:1.45;color:#f4e8c899}.fs-chord-pads-row--grille .fs-chord-pads-row-head{display:flex;align-items:center;gap:8px}.fs-grille-info-btn{margin-left:auto;width:28px;height:28px;padding:0;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(212,175,79,.5);background:#d4af4f1f;color:#f4e8c8d9;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .08s ease}.fs-grille-info-btn:hover{color:#ffd970;border-color:#ffd970d9;background:#d4af4f42}.fs-grille-info-btn:active{transform:scale(.92)}.fs-grille-info-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #ffd97080}.fs-grille-pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:#060503a8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.fs-grille-pop{width:min(560px,94vw);max-height:86vh;overflow-y:auto;padding:16px 18px 18px;border-radius:14px;background:linear-gradient(180deg,#1c1813,#100d0a);border:1px solid rgba(212,175,79,.3);box-shadow:0 18px 50px #0009,inset 0 1px #ffd9701a}.fs-grille-pop-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.fs-grille-pop-titlewrap{display:flex;flex-direction:column;gap:6px}.fs-grille-pop-title{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.5rem;line-height:1.1;color:#f4e8c8}.fs-grille-pop-close{flex:none;width:34px;height:34px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(212,175,79,.3);background:#0000004d;color:#f4e8c8;cursor:pointer;transition:transform .15s ease,border-color .15s ease,color .15s ease}.fs-grille-pop-close:hover{color:#ffd970;border-color:#ffd970b3;transform:rotate(90deg)}.fs-grille-pop-chords{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.fs-grille-pop-chord{display:inline-flex;flex-direction:column;align-items:center;gap:1px;min-width:54px;padding:6px 10px;border-radius:8px;border:1px solid rgba(212,175,79,.25);background:#00000040}.fs-grille-pop-chord b{font-size:.95rem;color:#f4d488}.fs-grille-pop-chord small{font-size:.62rem;letter-spacing:.04em;color:#f4e8c88c}.fs-grille-pop-tip{margin:0 0 10px;font-size:.92rem;font-weight:600;line-height:1.45;color:#ffd970}.fs-grille-pop-story{margin:0 0 12px;font-size:.82rem;line-height:1.6;color:#f4e8c8cc}.fs-grille-pop-sec{margin-bottom:12px}.fs-grille-pop-sec h4{margin:0 0 5px;font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:#d4af4fd9}.fs-grille-pop-sec ul{margin:0;padding-left:18px}.fs-grille-pop-sec li{margin-bottom:3px;font-size:.8rem;line-height:1.5;color:#f4e8c8d1}.fs-grille-pop-ex{margin:0;font-size:.8rem;line-height:1.5;color:#f4e8c8b3}.fs-instrument-board{position:relative;padding:10px 10px 12px;border-radius:12px;background:linear-gradient(180deg,#16120c8c,#08070580);box-shadow:inset 0 2px 9px #00000080}.fs-instrument-board:before{content:"";position:absolute;left:12px;right:12px;top:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,#d4af4f00,#d4af4f80,#d4af4f00);pointer-events:none}.piano-mini-scale.is-full{filter:drop-shadow(0 4px 8px rgba(var(--shadow-rgb),.42))}.piano-mini-scale.is-full .piano-mini-key--white{rx:4px}.piano-mini-scale.is-full .piano-mini-key--black{rx:3px}.piano-mini-scale .piano-mini-key{transition:fill .06s ease}.piano-mini-scale .piano-mini-key.is-pressed{filter:drop-shadow(0 0 9px rgba(var(--accent-bright-rgb),.9))}@media (prefers-reduced-motion: reduce){.piano-mini-scale .piano-mini-key{transition:none}}.fs-arp-row,.fs-bass-row,.fs-comp-row,.fs-drone-row,.fs-seq-row{display:flex;flex-wrap:wrap;align-items:center;row-gap:6px}.fs-drone,.fs-seq,.fs-bass,.fs-comp{padding:10px 14px}.fs-seq-row2{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.fs-seq-mutes{display:flex;align-items:center;gap:3px}.fs-seq-mute-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;border:1px solid rgba(201,162,74,.3);background:transparent;color:#c9a24abf;font-size:.58rem;font-weight:700;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease;padding:0;letter-spacing:0}.fs-seq-mute-btn:hover{background:#c9a24a1f;border-color:#c9a24a8c}.fs-seq-mute-btn.is-muted{background:#3c2c0e8c;border-color:#c9a24a1f;color:#c9a24a38}.fs-seq-row3{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px;padding-top:6px;border-top:1px solid rgba(201,162,74,.12)}.fs-seq-engine,.fs-seq-kits{display:inline-flex;align-items:center;gap:3px}.fs-seq-kits.is-disabled{opacity:.4;pointer-events:none}.fs-seq-engine-btn,.fs-seq-kit-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:6px;border:1px solid rgba(201,162,74,.3);background:linear-gradient(180deg,#2820168c,#120e0a8c);color:#c9a24ac7;font-size:.62rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .18s ease}.fs-seq-engine-btn:hover,.fs-seq-kit-btn:hover{border-color:#c9a24a99;background:#c9a24a1f;color:#ffe388}.fs-seq-engine-btn.is-active,.fs-seq-kit-btn.is-active{border-color:#c9a24ad9;background:linear-gradient(180deg,#e9c66f,#c9a24a 55%,#a07e2e);color:#1a1208;box-shadow:0 0 12px #c9a24a73}.fs-seq-kit-btn:disabled{cursor:default}.fs-fx{display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-radius:12px;background:linear-gradient(180deg,#161a1ec7,#0c0e11d1);border:1px solid rgba(120,200,255,.18);min-width:0}.fs-fx-head{display:flex;align-items:center;gap:10px}.fs-fx-kicker{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#78c8ffb3}.fs-fx-power{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 12px;border-radius:8px;background:linear-gradient(180deg,#1c2228d9,#0c1014d9);border:1px solid rgba(255,255,255,.1);color:#dcecf8b3;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;flex-shrink:0;transition:border-color .15s,color .15s,box-shadow .18s}.fs-fx-power:hover{border-color:#78c8ff73}.fs-fx-power-dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3a3a3a,#1a1a1a);box-shadow:inset 0 1px 2px #000c;transition:background .18s,box-shadow .18s}.fs-fx-power.is-on{border-color:#78dcffd9;color:#9bd9ff;box-shadow:0 0 14px #78c8ff4d}.fs-fx-power.is-on .fs-fx-power-dot{background:radial-gradient(circle at 30% 30%,#d0f0ff,#66c0ff 60%,#2a6090);box-shadow:0 0 10px #78c8ffd9,inset 0 1px 2px #dcf0ff99}.fs-fx-section{display:flex;align-items:center;gap:10px;flex-wrap:wrap;transition:opacity .18s ease}.fs-fx-section.is-disabled{opacity:.4}.fs-fx-section-label{min-width:52px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#dcecf88c}.fs-fx-div{display:inline-flex;align-items:center;gap:3px}.fs-fx-div-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:3px 7px;border-radius:5px;border:1px solid rgba(120,200,255,.25);background:#78c8ff0d;color:#b4dcf5bf;font-size:.58rem;font-weight:700;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.fs-fx-div-btn:hover{border-color:#78c8ff8c;background:#78c8ff24}.fs-fx-div-btn.is-active{border-color:#78dcffd9;background:linear-gradient(180deg,#8fd6ff,#4fa8e0);color:#07151f;box-shadow:0 0 10px #78c8ff66}.fs-grille-autoplay-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(201,162,74,.5);background:#c9a24a12;color:#c9a24acc;font-size:.68rem;cursor:pointer;transition:all .15s ease;padding:0;margin-left:4px;flex-shrink:0}.fs-grille-autoplay-btn:hover{background:#c9a24a24;border-color:#c9a24aa6;color:#c9a24ae6}.fs-grille-autoplay-btn.is-active{background:#c9a24a38;border-color:#c9a24ad9;color:#f4d488;box-shadow:0 0 6px #c9a24a73}.fs-grille-preset-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(212,175,79,.45);background:#d4af4f1f;color:#f4e8c8eb;font-size:.66rem;line-height:1;cursor:pointer;transition:all .15s ease;padding:0;margin-left:4px;flex-shrink:0}.fs-grille-preset-btn:hover{background:#d4af4f42;border-color:#ffd970d9;color:#ffd970;box-shadow:0 0 8px #d4af4f80}.fs-grille-preset-btn:active{transform:scale(.9)}.fs-grille-preset-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #ffd9708c}.fs-grille-preset-btn.is-flash{animation:fs-preset-flash .9s ease-out}@keyframes fs-preset-flash{0%{box-shadow:0 0 #ffd970d9;border-color:#ffd970;background:#ffd9708c;color:#1a1408}60%{box-shadow:0 0 12px 4px #d4af4f80}to{box-shadow:0 0 #d4af4f00}}.fs-chord-pad.is-autoplay{border-color:#d4af4fe6!important;box-shadow:0 0 10px #d4af4f99,inset 0 0 5px #d4af4f2e}.fs-chord-pad.is-autoplay .fs-chord-pad-symbol{color:#f4d488!important}.midi-ico{display:inline-block;vertical-align:-.15em;flex:none}.midi-instr-btn{flex-direction:row;gap:0;min-width:0;padding:6px 12px}.midi-instr-label{font-size:.74rem;letter-spacing:.03em;white-space:nowrap}.midi-all-inst-toggle-icon{display:inline-flex;align-items:center;font-size:.95rem;opacity:.75}.midi-all-inst-toggle-arrow{display:inline-flex;align-items:center;font-size:.8rem;opacity:.55}.midi-rig{margin-top:12px;display:flex;flex-direction:column;gap:10px}.midi-rig-soundbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;border-radius:12px;background:linear-gradient(180deg,#d4af4f1a,#0f0c0880);border:1px solid rgba(212,175,79,.22)}.midi-rig-realtoggle{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;border:1px solid var(--stage-btn-border, rgba(212,175,79,.32));background:var(--stage-btn-bg);color:var(--stage-btn-text, #f4e8c8);cursor:pointer;transition:all .18s}.midi-rig-realtoggle .midi-ico{font-size:1.3rem;color:#d4af4f8c}.midi-rig-realtoggle-txt{display:flex;flex-direction:column;line-height:1.18;text-align:left}.midi-rig-realtoggle-txt strong{font-size:.82rem;letter-spacing:.04em}.midi-rig-realtoggle-txt em{font-style:normal;font-size:.66rem;opacity:.6}.midi-rig-realtoggle.is-on{background:var(--stage-btn-bg-active);border-color:var(--stage-btn-border-active, rgba(255,217,112,.95));color:var(--stage-btn-text-active, #1a1208);box-shadow:var(--stage-btn-shadow-active)}.midi-rig-realtoggle.is-on .midi-ico{color:#1a1208}.midi-rig-realtoggle.is-on em{color:#1a1208b8}.midi-rig-hint{font-size:.7rem;opacity:.5;max-width:340px;line-height:1.4}.midi-rig-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.midi-rig-card--wide{min-width:280px}.midi-rig-card{display:flex;flex-direction:column;gap:9px;padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,#28221680,#0f0c088c);border:1px solid rgba(212,175,79,.16);box-shadow:inset 0 1px #ffd9700f}.midi-rig-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.midi-rig-card-title{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#f4e8c8d9}.midi-rig-card-title .midi-ico{color:var(--accent, #d4af4f);font-size:1.05rem}.midi-rig-card-body{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.midi-rig-power{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;font-size:.7rem;letter-spacing:.04em;border-radius:7px;border:1px solid var(--stage-btn-border, rgba(212,175,79,.32));background:var(--stage-btn-bg);color:var(--stage-btn-text, #f4e8c8);cursor:pointer;transition:all .15s}.midi-rig-power:hover{border-color:var(--stage-btn-border-hover, rgba(255,217,112,.75));color:var(--stage-btn-text-hover, #ffd970)}.midi-rig-power.is-on{background:var(--stage-btn-bg-active);border-color:var(--stage-btn-border-active, rgba(255,217,112,.95));color:var(--stage-btn-text-active, #1a1208);box-shadow:var(--stage-btn-shadow-active)}.midi-rig-knob{display:flex;flex-direction:column;gap:3px;min-width:84px}.midi-rig-knob-label{font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;opacity:.6}.midi-rig-knob input[type=range]{width:100%;accent-color:var(--accent, #d4af4f)}.midi-rig-select{background:#0f0c0899;border:1px solid rgba(212,175,79,.25);color:#f2e9d4;border-radius:7px;padding:5px 8px;font-size:.74rem;cursor:pointer;max-width:180px}.midi-rig-seg{display:inline-flex;gap:3px;flex-wrap:wrap}.midi-rig-seg-btn{padding:4px 9px;font-size:.68rem;border-radius:6px;border:1px solid rgba(212,175,79,.2);background:#ffffff08;color:#f4e8c8bf;cursor:pointer;transition:all .14s}.midi-rig-seg-btn:hover{border-color:#ffd97080;color:#ffd970}.midi-rig-seg-btn.is-on{background:var(--stage-btn-bg-active);border-color:var(--stage-btn-border-active, rgba(255,217,112,.95));color:var(--stage-btn-text-active, #1a1208)}.midi-rig-check{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;opacity:.85;cursor:pointer}.midi-rig-check input{accent-color:var(--accent, #d4af4f)}.midi-rig-bpm{display:inline-flex;align-items:center;gap:4px}.midi-rig-bpm-btn{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:6px;border:1px solid rgba(212,175,79,.25);background:#ffffff08;color:#f2e9d4;cursor:pointer}.midi-rig-bpm-btn:hover{border-color:#ffd97080;color:#ffd970}.midi-rig-bpm-val{font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600;color:#f2e9d4;display:inline-flex;align-items:baseline;gap:3px;min-width:54px;justify-content:center}.midi-rig-bpm-val em{font-style:normal;font-size:.58rem;opacity:.5}.midi-inst-wrap{flex:1 1 100%;min-width:0;width:100%}.midi-vp{display:flex;flex-direction:column;gap:7px;min-width:0}.midi-vp-families{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.midi-vp-fam{padding:5px 11px;min-height:30px;font-size:.7rem;letter-spacing:.02em;border-radius:7px;border:1px solid rgba(212,175,79,.16);background:#ffffff06;color:#d4c8aabf;cursor:pointer;transition:border-color .14s,background .14s,color .14s;white-space:nowrap}.midi-vp-fam:hover{border-color:#ffd97073;color:#ffd970}.midi-vp-fam.is-on{background:linear-gradient(135deg,#d4af4f42,#d4af4f14);border-color:#d4af4f8c;color:#f7ecce}.midi-vp-all{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;min-height:30px;font-size:.7rem;border-radius:7px;border:1px dashed rgba(212,175,79,.3);background:transparent;color:#d4c8aab3;cursor:pointer;transition:border-color .14s,color .14s;white-space:nowrap}.midi-vp-all:hover,.midi-vp-all.is-on{border-style:solid;border-color:#ffd97080;color:#f2e9d4}.midi-vp-stripwrap{display:flex;align-items:stretch;gap:6px}.midi-vp-nav{flex:none;width:30px;min-height:44px;border:1px solid rgba(212,175,79,.22);background:linear-gradient(180deg,#28221680,#0f0c088c);color:#d4af4f;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.midi-vp-nav:hover{border-color:#ffd9708c;color:#ffd970;background:#d4af4f1f}.midi-vp-nav .midi-ico{font-size:1.05rem}.midi-vp-strip{display:flex;gap:7px;overflow-x:auto;scroll-behavior:smooth;padding:2px 2px 6px;scrollbar-width:thin;scroll-snap-type:x proximity;flex:1 1 0;min-width:0;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 22px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 22px),transparent 100%)}.midi-vp-strip::-webkit-scrollbar{height:5px}.midi-vp-strip::-webkit-scrollbar-thumb{background:#d4af4f4d;border-radius:3px}.midi-vp-voice{flex:none;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:104px;min-height:44px;padding:7px 12px;border-radius:9px;border:1px solid rgba(212,175,79,.2);background:linear-gradient(180deg,#2e26188c,#0f0c088c);color:#f4e8c8d9;cursor:pointer;transition:border-color .14s,background .14s,color .14s;text-align:left}.midi-vp-voice:hover{border-color:#ffd97099;color:#ffd970}.midi-vp-voice.is-on{background:var(--stage-btn-bg-active);border-color:var(--stage-btn-border-active, rgba(255,217,112,.95));color:var(--stage-btn-text-active, #1a1208);box-shadow:var(--stage-btn-shadow-active)}.midi-vp-voice-name{font-size:.78rem;font-weight:600;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.midi-vp-voice-tag{font-size:.62rem;opacity:.6;white-space:nowrap}.midi-vp-voice.is-on .midi-vp-voice-tag{opacity:.78;color:#1a1208b8}.midi-vp-star{color:#ffd970;font-size:.74rem}.midi-vp-voice.is-studio:not(.is-on){border-color:#ffd97066}.midi-vp-voice.is-on .midi-vp-star{color:#7a5a14}.midi-vp-legend{margin:0;font-size:.62rem;line-height:1.4;opacity:.58;display:flex;flex-wrap:wrap;align-items:center;gap:5px}.midi-vp-legend .midi-vp-star{font-size:.68rem}.midi-vp-legend-sep{opacity:.5}.midi-rig-explain{font-size:.68rem;line-height:1.5;opacity:.74;max-width:440px;margin:0}.midi-rig-explain strong{color:#f4e8c8eb;font-weight:600}.midi-rig-explain code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:#d4af4f1f;padding:0 3px;border-radius:3px;color:#e8d9a8}.midi-rig-hdbadge{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;border:1px solid var(--stage-btn-border-active, rgba(255,217,112,.95));background:var(--stage-btn-bg-active);color:var(--stage-btn-text-active, #1a1208);font-size:.82rem;font-weight:600;letter-spacing:.03em;box-shadow:var(--stage-btn-shadow-active);white-space:nowrap}.midi-rig-hdbadge .midi-ico{font-size:1.2rem}.fs-fx-space-select{background:var(--stage-btn-bg);border:1px solid var(--stage-btn-border);color:var(--stage-btn-text);border-radius:8px;font-size:11px;padding:3px 6px;max-width:138px}.fs-fx-space-select:hover{border-color:var(--stage-btn-border-hover);color:var(--stage-btn-text-hover)}.sr-only{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.drum-hub-card{position:relative;padding:24px 28px;margin:24px 0;background:linear-gradient(180deg,var(--panel) 0%,var(--bg-deep) 100%);border:1px solid var(--border);border-radius:18px;overflow:hidden}.drum-hub-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent) 50%,var(--accent) 100%);border-radius:0 3px 3px 0}.drum-hub-header{margin-bottom:20px}.drum-hub-header-text{max-width:720px}.drum-hub-kicker{font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.25em;color:var(--accent-ink);margin-bottom:4px}.drum-hub-title{font-family:Cinzel,serif;font-size:1.85rem;font-weight:600;color:var(--accent-ink);margin:0 0 6px}.drum-hub-subtitle{color:var(--text-dim);font-size:.95rem;margin:0 0 12px;max-width:640px}.drum-hub-manual-btn{display:inline-flex;align-items:center;gap:12px;margin-top:4px;background:rgba(var(--accent-rgb),.08);border:1px solid var(--accent-dim);border-radius:12px;padding:10px 16px;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.drum-hub-manual-btn:hover{background:rgba(var(--accent-rgb),.16);border-color:var(--accent)}.drum-hub-manual-btn:active{transform:translateY(1px)}.drum-hub-manual-btn-icon{font-size:1.4rem;line-height:1;color:var(--accent-ink)}.drum-hub-manual-btn-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.2}.drum-hub-manual-btn-text strong{font-size:.92rem;color:var(--accent-ink)}.drum-hub-manual-btn-text small{font-size:.78rem;color:var(--text-dim)}.drum-hub-manual-btn-arrow{color:var(--accent-ink);font-size:1.1rem;transition:transform .15s}.drum-hub-manual-btn:hover .drum-hub-manual-btn-arrow{transform:translate(3px)}.drum-hub-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.drum-block-kit{grid-column:span 5}.drum-block-machine{grid-column:span 7}.drum-block-fx,.drum-block-grooves,.drum-block-drummers,.drum-block-bangers{grid-column:1 / -1}@media (max-width: 900px){.drum-hub-grid{grid-template-columns:1fr}.drum-block-kit,.drum-block-machine{grid-column:1 / -1}}.drum-block{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}.drum-block-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.drum-block-title{font-family:Cinzel,serif;font-size:.95rem;font-weight:600;color:var(--accent-ink);margin:0;letter-spacing:.04em;line-height:1.25;display:inline-flex;align-items:center;gap:7px}.drum-empty,.drum-grooves-empty{color:var(--text-dim);font-size:.85rem;margin:4px 0 0}.drum-kit-map{display:flex;flex-direction:column;gap:10px}.drum-kit-stage{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:12px;background:radial-gradient(ellipse 70% 55% at 50% 72%,rgba(var(--accent-rgb),.1),rgba(var(--accent-rgb),0) 70%),linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-deep) 100%);border:1px solid var(--border);overflow:hidden}.drum-piece{position:absolute;transform:translate(-50%,-50%);padding:0;height:0;border-radius:50%;cursor:pointer;color:var(--text);border:1px solid rgba(var(--accent-rgb),.35);background:radial-gradient(circle at 38% 30%,rgba(var(--accent-pale-rgb),.22),rgba(var(--panel-2-rgb),.95) 60%);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.18),0 2px 8px rgba(var(--shadow-rgb),.45);transition:transform .08s ease-out,border-color .15s,box-shadow .15s}.drum-piece:hover{border-color:var(--accent);box-shadow:inset 0 1px rgba(var(--accent-pale-rgb),.3),0 0 16px rgba(var(--accent-rgb),.3)}.drum-piece:active{transform:translate(-50%,-50%) scale(.94)}.drum-piece-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:600;letter-spacing:.02em;color:rgba(var(--text-warm-rgb),.82);pointer-events:none;text-align:center;padding:0 2px}.drum-piece-crash,.drum-piece-ride{background:radial-gradient(circle at 40% 32%,rgba(var(--accent-pale-rgb),.38),rgba(var(--accent-dim-rgb),.85) 70%);border-color:rgba(var(--accent-rgb),.55)}.drum-piece-hihat{background:radial-gradient(circle at 40% 32%,rgba(var(--accent-pale-rgb),.3),rgba(var(--accent-dim-rgb),.85) 70%);border-color:rgba(var(--accent-rgb),.45)}.drum-piece-tom{background:radial-gradient(circle at 38% 28%,rgba(var(--accent-pale-rgb),.16),rgba(var(--panel-3-rgb),.96) 62%)}.drum-piece-snare{background:radial-gradient(circle at 38% 30%,rgba(var(--veil-hi-rgb),.2),rgba(var(--panel-4-rgb),.95) 62%)}.drum-piece-kick{background:radial-gradient(circle at 38% 26%,rgba(var(--veil-hi-rgb),.14),rgba(var(--panel-rgb),.98) 60%)}.drum-kit-hint{font-size:.78rem;color:var(--text-dim);margin:0}.drum-kit-picker{display:flex;flex-direction:column;gap:11px;padding-top:11px;border-top:1px solid var(--border)}.drum-kit-picker-intro{margin:0;font-size:.82rem;line-height:1.45;color:var(--text-dim)}.drum-kit-group{display:flex;flex-direction:column;gap:6px}.drum-kit-group-label{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dim-ink)}.drum-kit-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:7px}.drum-kit-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:9px 12px;border-radius:10px;border:1px solid var(--border);border-left:3px solid transparent;background:var(--panel);color:var(--text);font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.drum-kit-chip:hover{background:rgba(var(--accent-rgb),.07);border-color:var(--accent-dim);transform:translateY(-1px)}.drum-kit-chip.is-active{background:rgba(var(--accent-rgb),.14);border-color:var(--accent);border-left-color:var(--accent)}.drum-kit-chip-name{font-size:.92rem;font-weight:600;line-height:1.2;color:var(--accent-ink)}.drum-kit-chip-tagline{font-size:.72rem;line-height:1.3;color:var(--text-dim)}.drum-kit-chip.is-active .drum-kit-chip-tagline{color:rgba(var(--text-warm-rgb),.74)}.drum-kit-story{padding:11px 13px;border-radius:10px;border:1px solid var(--border);border-left:3px solid var(--accent-dim);background:linear-gradient(180deg,rgba(var(--accent-rgb),.05),rgba(var(--bg-deep-rgb),.25))}.drum-kit-story-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:5px}.drum-kit-story-name{margin:0;font-family:Cinzel,serif;font-size:1.02rem;font-weight:600;color:var(--accent-ink)}.drum-kit-story-era{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-dim-ink)}.drum-kit-story-text{margin:0;font-size:.84rem;line-height:1.55;color:var(--text-dim)}.drum-machine{display:flex;flex-direction:column;gap:10px}.drum-machine-transport{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.drum-play-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:999px;border:1px solid var(--accent-dim);background:rgba(var(--accent-rgb),.1);color:var(--text);font-family:inherit;font-weight:600;font-size:.85rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.drum-play-btn:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.18)}.drum-play-btn.is-on{background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent) 100%);border-color:rgba(var(--accent-bright-rgb),.9);color:var(--text-inverse)}.drum-tempo{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-dim)}.drum-tempo input[type=range]{width:130px;accent-color:var(--accent)}.drum-tempo-label{letter-spacing:.04em}.drum-tempo-value{min-width:34px;text-align:right;font-variant-numeric:tabular-nums;color:var(--accent-ink);font-weight:600}.drum-tap{display:inline-flex;align-items:center;gap:4px}.drum-tap-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:inherit;font-size:.78rem;letter-spacing:.1em;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.drum-tap-btn:hover{color:var(--accent-ink);border-color:var(--accent-dim)}.drum-tap-btn.is-flash{color:var(--text-inverse);background:var(--accent);border-color:var(--accent)}.drum-tap-count{font-size:.7rem;opacity:.85;font-variant-numeric:tabular-nums}.drum-tap-mode{width:24px;height:24px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:inherit;font-size:.7rem;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.drum-tap-mode:hover{color:var(--accent-ink);border-color:var(--accent-dim)}.drum-tap-mode.is-active{color:var(--accent-ink);border-color:var(--accent);background:rgba(var(--accent-rgb),.12)}.drum-machine-loaded{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 9px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);border-left:3px solid var(--drum-tone, var(--accent-dim));background:rgba(var(--accent-rgb),.06)}.drum-machine-loaded-label{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dim-ink)}.drum-machine-loaded-name{font-size:1rem;font-weight:600;color:var(--accent-ink)}.drum-machine-loaded-ref{font-size:.78rem;color:var(--text-dim)}.drum-machine-loaded-none{font-size:.82rem;color:var(--text-dim)}.drum-machine-loaded-link{padding:3px 11px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:inherit;font-size:.74rem;white-space:nowrap;cursor:pointer;transition:color .15s,border-color .15s}.drum-machine-loaded-link:hover{color:var(--accent-ink);border-color:var(--accent-dim)}.drum-variants{display:flex;flex-wrap:wrap;gap:6px}.drum-variant-btn{display:inline-flex;align-items:baseline;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text);font-family:inherit;font-size:.78rem;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.drum-variant-btn:hover{border-color:var(--accent-dim)}.drum-variant-btn.is-active{background:rgba(var(--accent-rgb),.14);border-color:var(--accent);color:var(--accent-ink)}.drum-variant-name{white-space:nowrap}.drum-variant-bpm{font-size:.68rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.drum-variant-btn.is-active .drum-variant-bpm{color:var(--accent-dim-ink)}.drum-grid-wrap{overflow-x:auto}.drum-grid{width:100%;min-width:420px;table-layout:fixed;border-collapse:separate;border-spacing:3px}.drum-grid-label{width:66px;padding:0;text-align:left;font-weight:400}.drum-track-btn{width:100%;padding:4px 6px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:inherit;font-size:.7rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.drum-track-btn:hover{color:var(--accent-ink);border-color:var(--accent-dim)}.drum-grid-row.is-muted .drum-track-btn{color:var(--danger);border-color:rgba(var(--data-red-surf-4-rgb),.4);text-decoration:line-through}.drum-grid-row.is-muted .drum-cell{opacity:.35}.drum-cell-wrap{padding:0}.drum-cell-wrap.is-playing .drum-cell{box-shadow:0 0 0 1px rgba(var(--accent-bright-rgb),.55)}.drum-cell{display:block;width:100%;height:22px;padding:0;border-radius:4px;border:1px solid rgba(var(--accent-rgb),.14);background:rgba(var(--veil-hi-rgb),.04);cursor:pointer;transition:background .1s,border-color .1s,transform .06s}.drum-cell.is-downbeat{border-color:rgba(var(--accent-rgb),.34)}.drum-cell:hover{background:rgba(var(--accent-rgb),.18)}.drum-cell.is-on{background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent) 100%);border-color:rgba(var(--accent-bright-rgb),.85)}.drum-cell:active{transform:scale(.9)}.drum-machine-controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.drum-control{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-dim)}.drum-control input[type=range]{width:110px;accent-color:var(--accent)}.drum-control-label{letter-spacing:.04em}.drum-control-value{min-width:26px;text-align:right;font-variant-numeric:tabular-nums;color:var(--accent-ink);font-weight:600}.drum-machine-switches{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.drum-toggle{display:inline-flex;align-items:center;gap:7px;padding:5px 13px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:inherit;font-size:.78rem;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.drum-toggle:hover{border-color:var(--accent-dim)}.drum-toggle-dot{width:8px;height:8px;border-radius:50%;background:rgba(var(--accent-invert-rgb),.22);box-shadow:inset 0 0 0 1px rgba(var(--shadow-rgb),.45);transition:background .15s,box-shadow .15s}.drum-toggle.is-on{color:var(--accent-ink);border-color:var(--accent);background:rgba(var(--accent-rgb),.12)}.drum-toggle.is-on .drum-toggle-dot{background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.7)}.drum-control-reset{padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:inherit;font-size:.78rem;cursor:pointer;transition:color .15s,border-color .15s}.drum-control-reset:hover{color:var(--accent-ink);border-color:var(--accent-dim)}.drum-machine-hint,.drum-hub-song-note{font-size:.78rem;color:var(--text-dim);margin:0}.drum-hub-song-note{margin-top:8px}.drum-fx{display:flex;flex-direction:column;gap:12px}.drum-fx .drum-control{flex-wrap:wrap;max-width:100%}.drum-fx .drum-control-label{min-width:0}.drum-fx-group{display:flex;flex-direction:column;gap:7px}.drum-fx-group-label{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);opacity:.85}.drum-fx-divisions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.8rem;color:var(--text-dim)}.drum-fx-division{padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:inherit;font-size:.74rem;font-variant-numeric:tabular-nums;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.drum-fx-division:hover{color:var(--accent-ink);border-color:var(--accent-dim)}.drum-fx-division.is-active{color:var(--text-inverse);background:var(--accent);border-color:var(--accent)}.drum-grooves{display:flex;flex-direction:column;gap:10px}.drum-grooves-search{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-family:inherit;font-size:.8rem;min-width:220px}.drum-grooves-search:focus{outline:none;border-color:var(--accent)}.drum-grooves-intro{font-size:.82rem;color:var(--text-dim);margin:0}.drum-grooves-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.drum-groove-card{position:relative;display:flex;align-items:flex-start;gap:10px;padding:11px 13px 11px 12px;text-align:left;border-radius:10px;border:1px solid var(--border);border-left:3px solid var(--drum-tone, var(--accent-dim));background:var(--panel);color:var(--text);font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.drum-groove-card:hover{background:rgba(var(--accent-rgb),.06);border-color:var(--accent-dim);border-left-color:var(--drum-tone, var(--accent));transform:translateY(-1px)}.drum-groove-card.is-active{background:rgba(var(--accent-rgb),.12);border-color:var(--accent);border-left-color:var(--drum-tone, var(--accent))}.drum-groove-num{flex:0 0 auto;font-family:Cinzel,serif;font-size:.82rem;color:var(--drum-tone, var(--accent-dim-ink));padding-top:1px;font-variant-numeric:tabular-nums}.drum-groove-body{min-width:0;display:flex;flex-direction:column;gap:3px}.drum-groove-title{margin:0;font-size:1.02rem;font-weight:600;line-height:1.25;color:var(--accent-ink)}.drum-groove-go{margin-top:4px;font-size:.72rem;line-height:1.35;color:var(--accent-dim-ink);opacity:.82;transition:color .15s,opacity .15s}.drum-groove-card:hover .drum-groove-go{opacity:1;color:var(--accent-ink)}.drum-groove-card:focus-visible .drum-groove-go{opacity:1;color:var(--accent-ink)}.drum-groove-card.is-active .drum-groove-go{opacity:1;color:var(--drum-tone, var(--accent-ink))}.drum-groove-ref{margin:0;font-size:.74rem;color:var(--text-dim);display:flex;gap:6px;flex-wrap:wrap}.drum-groove-ref strong{color:rgba(var(--text-warm-rgb),.86);font-weight:600}.drum-groove-era{opacity:.75}.drum-groove-oneliner{margin:0;font-size:.78rem;line-height:1.4;color:var(--text-dim)}.drum-groove-meta{margin:2px 0 0;font-size:.72rem;color:var(--text-dim);display:flex;gap:6px;align-items:center}.drum-groove-bpm{font-variant-numeric:tabular-nums}.drum-groove-sep{opacity:.5}.drum-groove-feel{color:var(--drum-tone, var(--accent-dim-ink))}.drum-tone-rock{--drum-tone: var(--data-red-surf-4)}.drum-tone-pop{--drum-tone: var(--warn)}.drum-tone-soul,.drum-tone-funk{--drum-tone: var(--accent)}.drum-tone-electro{--drum-tone: var(--data-blue-surf-8)}.drum-tone-urbain{--drum-tone: var(--data-blue-surf-7)}.drum-tone-jamaique{--drum-tone: var(--data-green-surf-6)}.drum-tone-latin{--drum-tone: var(--accent)}.drum-tone-jazz{--drum-tone: var(--data-blue-surf-8)}.drum-tone-blues{--drum-tone: var(--data-blue-surf-6)}.drum-tone-metal{--drum-tone: var(--text-mid)}.drum-tone-trad{--drum-tone: var(--accent)}.drum-groove-detail{grid-column:1 / -1;padding:14px 16px;border-radius:12px;border:1px solid var(--border);border-left:3px solid var(--drum-tone, var(--accent));background:linear-gradient(180deg,rgba(var(--accent-rgb),.05),rgba(var(--bg-deep-rgb),.25));display:flex;flex-direction:column;gap:12px}.drum-groove-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.drum-groove-detail-headtext{min-width:0;flex:1 1 auto}.drum-groove-detail-kicker{display:block;font-family:Cinzel,serif;font-size:.68rem;letter-spacing:.2em;color:var(--drum-tone, var(--accent-ink));margin-bottom:3px}.drum-groove-detail-title{margin:0;font-family:Cinzel,serif;font-size:1.4rem;font-weight:600;line-height:1.22;color:var(--accent-ink)}.drum-groove-detail-ref{font-family:var(--font-ui, inherit);font-size:.88rem;font-weight:400;color:var(--text-dim)}.drum-groove-detail-actions{flex:0 0 auto;display:flex;align-items:center;gap:7px}.drum-groove-detail-goto{padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:inherit;font-size:.76rem;white-space:nowrap;cursor:pointer;transition:color .15s,border-color .15s}.drum-groove-detail-goto:hover{color:var(--accent-ink);border-color:var(--accent-dim)}.drum-groove-detail-loaded{margin:-4px 0 0;font-size:.81rem;line-height:1.45;color:var(--text-dim)}.drum-groove-detail-close{flex:0 0 auto;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;font-size:.8rem;transition:color .15s,border-color .15s}.drum-groove-detail-close:hover{color:var(--accent-ink);border-color:var(--accent-dim)}.drum-groove-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px}.drum-groove-detail-card{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2)}.drum-groove-detail-card-watch{border-color:rgba(var(--warn-rgb),.35)}.drum-groove-detail-card-wide{grid-column:1 / -1}.drum-groove-detail-card p{margin:4px 0 0;font-size:.82rem;line-height:1.5;color:var(--text-dim)}.drum-groove-detail-label{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dim-ink)}.drum-groove-detail-songs{font-style:italic}.drum-groove-detail-patterns{display:flex;flex-direction:column;gap:6px}.drum-pattern-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.drum-pattern-item{display:inline-flex;align-items:baseline;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);font-size:.74rem}.drum-pattern-name{color:rgba(var(--text-warm-rgb),.88)}.drum-pattern-bpm,.drum-pattern-swing{font-size:.68rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.drum-groove-detail-drummers{margin:0;font-size:.8rem;color:var(--text-dim);display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.drum-groove-detail-neighbors{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.drum-neighbor-btn{padding:4px 11px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:inherit;font-size:.75rem;cursor:pointer;transition:color .15s,border-color .15s}.drum-neighbor-btn:hover{color:var(--accent-ink);border-color:var(--accent-dim)}.drum-drummers{display:flex;flex-direction:column;gap:10px}.drum-era-filter{display:flex;flex-wrap:wrap;gap:6px}.drum-era-btn{padding:4px 11px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:inherit;font-size:.75rem;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.drum-era-btn:hover{color:var(--accent-ink);border-color:var(--accent-dim)}.drum-era-btn.is-active{background:rgba(var(--accent-rgb),.14);border-color:var(--accent);color:var(--accent-ink)}.drum-drummers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;align-items:start}.drum-drummer-card{border-radius:10px;border:1px solid var(--border);border-left:3px solid var(--drum-era-tone, var(--accent-dim));background:var(--panel);overflow:hidden}.drum-drummer-card.is-open{border-color:var(--accent-dim)}.drum-drummer-head{display:block;width:100%;padding:11px 13px;text-align:left;background:transparent;border:0;color:var(--text);font-family:inherit;cursor:pointer}.drum-drummer-head:hover{background:rgba(var(--accent-rgb),.06)}.drum-drummer-name{margin:0 0 3px;font-size:.9rem;font-weight:600;color:var(--accent-ink)}.drum-drummer-meta{margin:0 0 5px;font-size:.73rem;color:var(--text-dim);display:flex;flex-wrap:wrap;gap:5px}.drum-drummer-sep{opacity:.5}.drum-drummer-signature{margin:0;font-size:.78rem;line-height:1.4;color:rgba(var(--text-warm-rgb),.78)}.drum-drummer-body{padding:11px 13px 13px;display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--border)}.drum-drummer-story{margin:0;font-size:.8rem;line-height:1.55;color:var(--text-dim)}.drum-drummer-label{display:block;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dim-ink);margin-bottom:2px}.drum-drummer-tracks{margin:0;font-size:.79rem;color:rgba(var(--text-warm-rgb),.82)}.drum-drummer-works{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.drum-drummer-work{position:relative;padding-left:14px;font-size:.78rem;line-height:1.45;color:var(--text-dim)}.drum-drummer-work:before{content:"›";position:absolute;left:2px;color:var(--accent-dim-ink)}.drum-drummer-groove-btn{align-self:flex-start;padding:5px 12px;border-radius:999px;border:1px solid var(--accent-dim);background:rgba(var(--accent-rgb),.08);color:var(--accent-ink);font-family:inherit;font-size:.76rem;cursor:pointer;transition:background .15s,border-color .15s}.drum-drummer-groove-btn:hover{background:rgba(var(--accent-rgb),.18);border-color:var(--accent)}.drum-era-pionnier,.drum-era-soul-funk{--drum-era-tone: var(--accent)}.drum-era-rock{--drum-era-tone: var(--data-red-surf-4)}.drum-era-fusion,.drum-era-machine{--drum-era-tone: var(--data-blue-surf-8)}.drum-era-moderne{--drum-era-tone: var(--data-blue-surf-7)}.drum-bangers{display:flex;flex-direction:column;gap:10px}.drum-bangers-hint{font-size:.74rem;color:var(--text-dim);white-space:nowrap}.drum-bangers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.drum-banger-card{display:flex;align-items:stretch;border-radius:10px;border:1px solid var(--border);background:var(--panel);overflow:hidden}.drum-banger-card:hover{border-color:var(--accent-dim)}.drum-banger-open{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;padding:9px 11px;text-align:left;background:transparent;border:0;color:var(--text);font-family:inherit;cursor:pointer}.drum-banger-open:hover{background:rgba(var(--accent-rgb),.06)}.drum-banger-title{font-size:.84rem;font-weight:600;color:rgba(var(--text-warm-rgb),.92);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drum-banger-artist{font-size:.73rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drum-banger-tempo{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0 11px;border:0;border-left:1px solid var(--border);background:rgba(var(--accent-rgb),.06);color:var(--accent-ink);font-family:inherit;cursor:pointer;transition:background .15s}.drum-banger-tempo:hover{background:rgba(var(--accent-rgb),.18)}.drum-banger-bpm{font-size:.92rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.drum-banger-bpm-unit{font-size:.6rem;letter-spacing:.1em;color:var(--accent-dim-ink)}@media (prefers-reduced-motion: reduce){.drum-piece,.drum-groove-card,.drum-cell{transition:none}}[data-theme=light] .ticker-artist,[data-theme=light] .home-hero-preview-label{color:var(--muted)}[data-theme=light] .harp-row-label{color:var(--accent-ink)}[data-theme=light] .piano-key.black.active{color:var(--surf-invert)}[data-theme=light] .home-hero-bar{background:rgba(var(--veil-lo-rgb),.1)}[data-theme=light] .home-hero-overlay{background:radial-gradient(ellipse at top right,rgba(var(--accent-rgb),.12),transparent 60%),linear-gradient(180deg,rgba(var(--glint-rgb),.05),rgba(var(--glint-rgb),.42))}[data-theme=light] body{-webkit-font-smoothing:auto}[data-theme=light] .wall-card-bottom small{color:var(--muted)}[data-theme=light] .home-chord-day{background:linear-gradient(135deg,var(--panel-2) 0%,var(--panel) 100%);border-color:var(--border-soft)}[data-theme=light] .chord-day-name{color:var(--accent-ink);text-shadow:none}[data-theme=light] .chord-day-reroll,[data-theme=light] .chord-note-pill{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.28);color:var(--accent-ink)}.chordlab-mode-tabs{display:flex;gap:8px;margin:14px 0 4px;flex-wrap:wrap}.chordlab-mode-tab{font:inherit;font-family:Cinzel,serif;font-weight:700;font-size:.9rem;padding:9px 20px;border-radius:11px 11px 0 0;border:1px solid var(--border);border-bottom:0;background:transparent;color:var(--text-soft);cursor:pointer}.chordlab-mode-tab:hover{color:var(--text)}.chordlab-mode-tab.is-active{background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:var(--text-inverse);border-color:var(--accent)}.chordlab-identify{display:flex;flex-direction:column;gap:16px;margin-top:16px}.chordlab-piano--pick .piano-key{-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit;padding:0;cursor:pointer}.chordlab-piano--pick .piano-key.white:hover{filter:brightness(.94)}.chordlab-piano--pick .piano-key.black:hover{filter:brightness(1.35)}.chordlab-piano--pick .piano-key:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:3}.chordlab-identify-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.chordlab-identify-notes{font-size:.92rem;color:var(--text-soft)}.chordlab-identify-clear{font:inherit;font-size:.86rem;padding:7px 14px;border-radius:9px;border:1px solid var(--border);background:var(--panel);color:var(--text-soft);cursor:pointer}.chordlab-play--inline{margin:0}.chordlab-identify-card{align-items:flex-start}.chordlab-identify-kicker{margin:0;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.chordlab-identify-name{margin:0;font-family:Cinzel,serif;font-size:2.4rem;font-weight:800;line-height:1;color:var(--accent)}.chordlab-identify-fit{margin:0;font-size:.95rem;color:var(--text-soft)}.chordlab-identify-others{width:100%}.chordlab-identify-toggle{font:inherit;font-size:.88rem;background:none;border:0;padding:4px 0;color:var(--text-soft);cursor:pointer}.chordlab-identify-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}.chordlab-identify-list li{display:flex;align-items:baseline;gap:10px;padding:7px 12px;border:1px solid var(--border);border-radius:9px;background:var(--panel-soft, var(--panel))}.chordlab-identify-list b{font-family:Cinzel,serif;font-size:1.05rem;color:var(--text)}.chordlab-identify-list span{font-size:.86rem;color:var(--muted)}:root,[data-theme=dark]{--harm-major: #e6c46a;--harm-minor: #8fb4ff;--harm-dominant: #ff9f6b;--harm-suspended: #6fd8c4;--harm-diminished: #d98fd0;--harm-augmented: #b9a2ff;--harm-major-rgb: 230,196,106;--harm-minor-rgb: 143,180,255;--harm-dominant-rgb: 255,159,107;--harm-suspended-rgb: 111,216,196;--harm-diminished-rgb: 217,143,208;--harm-augmented-rgb: 185,162,255;--harm-steel: #b9c4d2;--harm-steel-rgb: 185,196,210;--harm-steel-hi: #dbe4ef;--harm-steel-hi-rgb: 219,228,239;--harm-ink: #10131a;--harm-core-ink: #10131a}[data-theme=light]{--harm-major: #8f6914;--harm-minor: #3c62c4;--harm-dominant: #b04d18;--harm-suspended: #10705f;--harm-diminished: #a4399a;--harm-augmented: #6b4fd0;--harm-major-rgb: 143,105,20;--harm-minor-rgb: 60,98,196;--harm-dominant-rgb: 176,77,24;--harm-suspended-rgb: 16,112,95;--harm-diminished-rgb: 164,57,154;--harm-augmented-rgb: 107,79,208;--harm-steel: #52607a;--harm-steel-rgb: 82,96,122;--harm-steel-hi: #33415a;--harm-steel-hi-rgb: 51,65,90;--harm-ink: #ffffff;--harm-feu-gain: 1.25}.harmony{display:flex;flex-direction:column;gap:14px;padding:18px 20px 22px;min-height:100%}.harmony-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.harmony-title{font-family:Cinzel,serif;font-size:1.6rem;margin:0;color:var(--text);letter-spacing:.04em}.harmony-baseline{margin:4px 0 0;color:var(--muted);font-size:.92rem;max-width:62ch}.harmony-close{flex:0 0 auto;background:var(--panel-2);border:1px solid var(--border);color:var(--text-soft);border-radius:999px;padding:6px 14px;cursor:pointer;font:inherit;font-size:.85rem;transition:background .18s ease,border-color .18s ease}.harmony-close:hover{background:var(--panel-3);border-color:var(--border-strong)}.harmony-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.harmony-start{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--muted)}.harmony-start button,.harmony-chip{font:inherit;font-size:.84rem;padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text-soft);cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.harmony-start button:hover,.harmony-chip:hover{background:var(--panel-3);transform:translateY(-1px)}.harmony-chip.active{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-glow-soft)}.harmony-chips{display:flex;flex-wrap:wrap;gap:6px}.harmony-slider{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted)}.harmony-slider-label{color:var(--text-soft)}.harmony-slider-end{font-size:.76rem;white-space:nowrap}.harmony-slider input[type=range]{width:140px;accent-color:var(--accent);cursor:pointer}.harmony-stage{display:grid;grid-template-columns:minmax(0,1fr) 230px;grid-template-rows:minmax(0,1fr);gap:18px;align-items:stretch;flex:1 1 auto;min-height:300px}.harmony-rosace{height:100%;max-height:min(44vh,470px);width:auto;max-width:100%;margin:0 auto;display:block;overflow:visible}.harmony-link{stroke:var(--border-strong);stroke-linecap:round;opacity:.55;stroke-dasharray:60;stroke-dashoffset:60;animation:harmony-draw .5s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:calc(var(--i) * 42ms)}@keyframes harmony-draw{to{stroke-dashoffset:0}}.harmony-pulse{fill:var(--accent);opacity:.1;transform-origin:50px 50px;animation:harmony-breathe 4.2s ease-in-out infinite}@keyframes harmony-breathe{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.32);opacity:.04}}.harmony-core{animation:harmony-core-in .55s cubic-bezier(.22,.61,.36,1) both}@keyframes harmony-core-in{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.harmony-core{transform-origin:50px 50px}.harmony-core-name{text-anchor:middle;dominant-baseline:middle;font-family:inherit;font-size:6.4px;fill:var(--harm-core-ink);font-weight:700;pointer-events:none}.harmony-core-notes{text-anchor:middle;dominant-baseline:middle;font-size:2.9px;fill:var(--harm-core-ink);opacity:.78;letter-spacing:.04em;pointer-events:none}.harmony-node{cursor:pointer;animation:harmony-pop .46s cubic-bezier(.34,1.42,.52,1) both;animation-delay:calc(.12s + var(--i) * 52ms);transform-origin:50px 50px}@keyframes harmony-pop{0%{opacity:0;transform:scale(.34) rotate(-7deg)}to{opacity:1;transform:scale(1) rotate(0)}}.harmony-node-disc{fill:var(--fam);transition:transform .22s cubic-bezier(.34,1.3,.5,1);transform-box:fill-box;transform-origin:center}.harmony-node-halo{fill:var(--fam);opacity:0;transform-box:fill-box;transform-origin:center;transition:opacity .22s ease,transform .22s ease}.harmony-node:hover .harmony-node-halo,.harmony-node:focus-visible .harmony-node-halo{opacity:.26;transform:scale(1.16)}.harmony-node:hover .harmony-node-disc,.harmony-node:focus-visible .harmony-node-disc{transform:scale(1.11)}.harmony-node:focus-visible{outline:none}.harmony-node:focus-visible .harmony-node-disc{stroke:var(--text);stroke-width:.5}.harmony-node-name{text-anchor:middle;dominant-baseline:middle;font-family:Cinzel,serif;font-size:3.7px;font-weight:600;fill:var(--harm-ink);pointer-events:none}.harmony-node-share{text-anchor:middle;dominant-baseline:middle;font-size:2.5px;fill:var(--muted);pointer-events:none}.harmony-node.fam-major{--fam: var(--harm-major)}.harmony-node.fam-minor{--fam: var(--harm-minor)}.harmony-node.fam-dominant{--fam: var(--harm-dominant)}.harmony-node.fam-suspended{--fam: var(--harm-suspended)}.harmony-node.fam-diminished{--fam: var(--harm-diminished)}.harmony-node.fam-augmented{--fam: var(--harm-augmented)}.harmony-detail{align-self:center;border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:14px 16px;min-height:190px;display:flex;flex-direction:column;gap:7px}.harmony-detail-chord{font-family:Cinzel,serif;font-size:1.9rem;line-height:1.1;color:var(--fam, var(--accent-ink));transition:color .2s ease}.harmony-detail-chord.fam-major{--fam: var(--harm-major)}.harmony-detail-chord.fam-minor{--fam: var(--harm-minor)}.harmony-detail-chord.fam-dominant{--fam: var(--harm-dominant)}.harmony-detail-chord.fam-suspended{--fam: var(--harm-suspended)}.harmony-detail-chord.fam-diminished{--fam: var(--harm-diminished)}.harmony-detail-chord.fam-augmented{--fam: var(--harm-augmented)}.harmony-detail-chord.fam-current{--fam: var(--accent-ink)}.harmony-detail-degree{font-size:.86rem;color:var(--text-soft)}.harmony-detail-notes{font-size:1rem;color:var(--text);letter-spacing:.06em}.harmony-detail-count{font-size:.82rem;color:var(--muted)}.harmony-detail-common{font-size:.82rem;color:var(--text-soft);line-height:1.45}.harmony-detail-common--none{color:var(--muted);font-style:italic}.harmony-detail-hint{font-size:.84rem;color:var(--muted);line-height:1.5;margin:2px 0 0}.harmony-detail-fallback{font-size:.78rem;color:var(--muted-2);line-height:1.45;margin:0}.harmony-path{border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.harmony-path-label{font-size:.8rem;color:var(--muted)}.harmony-path-list{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0}.harmony-path-list li{display:flex;align-items:center}.harmony-path-list li+li:before{content:"›";color:var(--muted-2);margin-right:6px}.harmony-step{font:inherit;font-family:Cinzel,serif;font-size:.95rem;padding:4px 11px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text-soft);cursor:pointer;animation:harmony-step-in .34s cubic-bezier(.22,.61,.36,1) both;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}@keyframes harmony-step-in{0%{opacity:0;transform:translate(-8px) scale(.94)}to{opacity:1;transform:none}}.harmony-step:hover{background:var(--panel-3);transform:translateY(-1px)}.harmony-step.current{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-glow-soft)}.harmony-step.playing{border-color:var(--accent-bright);box-shadow:0 0 0 3px var(--accent-glow-soft)}.harmony-path-actions{display:flex;gap:8px;margin-left:auto}.harmony-action{font:inherit;font-size:.84rem;padding:5px 13px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text-soft);cursor:pointer;transition:background .18s ease,border-color .18s ease}.harmony-action:hover:not(:disabled){background:var(--panel-3);border-color:var(--border-strong)}.harmony-action:disabled{opacity:.42;cursor:default}.harmony-lyrics{flex:1 1 100%;display:flex;flex-direction:column;gap:8px}.harmony-lyrics-toggle{align-self:flex-start;font:inherit;font-size:.8rem;padding:4px 11px;border-radius:999px;border:1px dashed var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.harmony-lyrics-toggle:hover{border-color:var(--border-strong);color:var(--text-soft)}.harmony-lyrics-toggle[aria-expanded=true]{border-style:solid;color:var(--text-soft)}.harmony-lyrics-champ{font:inherit;font-size:.88rem;line-height:1.5;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text-soft);resize:vertical;min-height:64px}.harmony-lyrics-champ:focus{outline:none;border-color:var(--accent)}.harmony-lyrics-champ::placeholder{color:var(--muted-2)}.harmony-source{font-size:.74rem;color:var(--muted-2);margin:0;text-align:right}@media (max-width: 860px){.harmony-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;min-height:0;flex:none}.harmony-rosace{height:auto;width:100%;max-width:min(420px,86vw);max-height:none}.harmony-detail{min-height:0;align-self:stretch}}@media (max-width: 560px){.harmony{padding:14px 12px 18px}.harmony-title{font-size:1.3rem}.harmony-controls{padding:10px;gap:10px}.harmony-slider input[type=range]{width:108px}.harmony-path-actions{margin-left:0;width:100%}.harmony-node-name{font-size:4.3px}.harmony-node-share{font-size:3px}.harmony-core-name{font-size:7.2px}.harmony-core-notes{font-size:3.3px}}@media (prefers-reduced-motion: reduce){.harmony-link,.harmony-node,.harmony-core,.harmony-step{animation:none;stroke-dashoffset:0;opacity:1;transform:none}.harmony-pulse{animation:none}.harmony-node-disc,.harmony-node-halo,.harmony-step,.harmony-chip{transition:none}}.harmony-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-family:Cinzel,serif;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);border:1px solid var(--accent-dim);border-radius:12px;background:var(--panel-2);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.harmony-cta:hover{border-color:var(--accent);background:var(--panel-3);box-shadow:0 0 0 3px var(--accent-glow-dim);transform:translateY(-1px)}.harmony-cta:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--accent-bright-rgb),.55)}.harmony-cta.active{border-color:var(--accent);background:var(--accent-glow-soft)}.harmony-cta-label{line-height:1}.harmony-cta-icon{display:inline-flex;opacity:.9}.harmony-cta-icon svg{transform-origin:50% 50%;transition:transform .6s cubic-bezier(.22,.61,.36,1)}.harmony-cta:hover .harmony-cta-icon svg{transform:rotate(51.4deg)}.topbar-harmony-cta{padding:6px 14px;font-size:.78rem;min-height:34px}@media (prefers-reduced-motion: reduce){.harmony-cta,.harmony-cta-icon svg{transition:none}.harmony-cta:hover{transform:none}.harmony-cta:hover .harmony-cta-icon svg{transform:none}}@media (max-width: 640px){.topbar .topbar-harmony-cta{padding:6px 9px;min-height:32px}.topbar .topbar-harmony-cta .harmony-cta-label{display:none}.topbar .topbar-harmony-cta .harmony-cta-icon svg{width:17px;height:17px}}@media (max-width: 640px){.topbar .topbar-harmony-cta{display:none}}.home-harmony{border-color:var(--harm-minor)}.home-harmony .home-chordlab-open{border-color:var(--harm-minor);color:var(--text)}.harmony-views{display:flex;gap:4px;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);margin-left:auto}.harmony-view-btn{font:inherit;font-size:.82rem;padding:4px 13px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text-soft);cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.harmony-view-btn:hover{background:var(--panel-3)}.harmony-view-btn.active{border-color:var(--accent);background:var(--accent-glow-soft);color:var(--accent-ink)}.harmony-view-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.harmony-stage--arbre .harmony-tree-wrap,.harmony-stage--cercle .harmony-circle{min-width:0}.harmony-tree-wrap{position:relative;min-width:0;min-height:0;border:1px solid var(--border);border-radius:12px;background:var(--panel);overflow:hidden}.harmony-tree{display:block;width:100%;height:100%;min-height:260px;touch-action:none;cursor:grab}.harmony-tree:active{cursor:grabbing}.harmony-tree-link{fill:none;stroke:var(--border-strong, var(--border));stroke-linecap:round;opacity:.5}.harmony-tree-link.is-chemin,.harmony-tree-link.is-courant{stroke:var(--accent);opacity:.95}.harmony-tree-link.is-abandonne{stroke:var(--muted-2);stroke-dasharray:3 3;opacity:.7}.harmony-tree-link.is-suggestion{stroke:var(--muted-2);opacity:.42}.harmony-tree-node{cursor:pointer}.harmony-tree-node .harmony-tree-pill{fill:var(--panel-2);stroke:var(--border);stroke-width:1;transition:transform .16s ease,stroke .16s ease}.harmony-tree-node .harmony-tree-name{text-anchor:middle;dominant-baseline:middle;font-family:Cinzel,serif;font-size:11.5px;fill:var(--text);pointer-events:none}.harmony-tree-share{text-anchor:middle;dominant-baseline:middle;font-size:8.5px;fill:var(--muted);pointer-events:none}.harmony-tree-node.is-chemin .harmony-tree-pill,.harmony-tree-node.is-courant .harmony-tree-pill{fill:var(--accent);stroke:var(--accent-bright)}.harmony-tree-node.is-chemin .harmony-tree-name,.harmony-tree-node.is-courant .harmony-tree-name{fill:var(--harm-core-ink)}.harmony-tree-node.is-courant .harmony-tree-pill{stroke-width:2.4}.harmony-tree-node.is-abandonne .harmony-tree-pill{fill:none;stroke:var(--muted-2);stroke-dasharray:3 2.6}.harmony-tree-node.is-suggestion .harmony-tree-pill{fill:var(--fam, var(--panel-3));stroke:none}.harmony-tree-node.is-suggestion .harmony-tree-name{fill:var(--harm-ink)}.harmony-tree-node.fam-major{--fam: var(--harm-major)}.harmony-tree-node.fam-minor{--fam: var(--harm-minor)}.harmony-tree-node.fam-dominant{--fam: var(--harm-dominant)}.harmony-tree-node.fam-suspended{--fam: var(--harm-suspended)}.harmony-tree-node.fam-diminished{--fam: var(--harm-diminished)}.harmony-tree-node.fam-augmented{--fam: var(--harm-augmented)}.harmony-tree-node:hover .harmony-tree-pill{stroke:var(--text);stroke-width:1.6}.harmony-tree-node:focus-visible{outline:none}.harmony-tree-node:focus-visible .harmony-tree-pill{stroke:var(--text);stroke-width:2.4}.harmony-tree-toggle{cursor:pointer}.harmony-tree-toggle-disc{fill:var(--panel-3);stroke:var(--border);stroke-width:1}.harmony-tree-toggle-text{text-anchor:middle;dominant-baseline:middle;font-size:8.5px;fill:var(--text);pointer-events:none}.harmony-tree-toggle:hover .harmony-tree-toggle-disc{stroke:var(--accent)}.harmony-tree-toggle.is-open .harmony-tree-toggle-disc{fill:var(--accent-glow-soft);stroke:var(--accent-dim)}.harmony-tree-toggle:focus-visible{outline:none}.harmony-tree-toggle:focus-visible .harmony-tree-toggle-disc{stroke:var(--text);stroke-width:2}.harmony-tree-tools{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;padding:4px 6px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2)}.harmony-tree-tools button{font:inherit;font-size:.78rem;min-width:26px;padding:2px 9px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text-soft);cursor:pointer}.harmony-tree-tools button:hover{background:var(--panel-3);border-color:var(--border-strong)}.harmony-tree-count{font-size:.72rem;color:var(--muted);padding:0 4px}.harmony-circle{height:100%;max-height:min(46vh,500px);width:auto;max-width:100%;margin:0 auto;display:block;overflow:visible}.harmony-circle-ring{fill:none;stroke:var(--border);stroke-width:.35}.harmony-circle-spoke{stroke:var(--border);stroke-width:.18;opacity:.55}.harmony-circle-slot{text-anchor:middle;dominant-baseline:middle;font-size:3.2px;fill:var(--text-soft);letter-spacing:.02em;pointer-events:none}.harmony-circle-slot.is-interieur{font-size:2.9px;fill:var(--muted)}.harmony-circle-path{fill:none;stroke:var(--accent);stroke-width:.7;stroke-linejoin:round;stroke-linecap:round;opacity:.85;stroke-dasharray:2.4 1.6}.harmony-circle-arc{fill:none;stroke:var(--fam, var(--muted));stroke-linecap:round;opacity:.62}.harmony-circle-arc.fam-major{--fam: var(--harm-major)}.harmony-circle-arc.fam-minor{--fam: var(--harm-minor)}.harmony-circle-arc.fam-dominant{--fam: var(--harm-dominant)}.harmony-circle-arc.fam-suspended{--fam: var(--harm-suspended)}.harmony-circle-arc.fam-diminished{--fam: var(--harm-diminished)}.harmony-circle-arc.fam-augmented{--fam: var(--harm-augmented)}.harmony-circle-current-halo{fill:var(--accent);opacity:.17}.harmony-circle-current-disc{fill:var(--accent);stroke:var(--accent-bright);stroke-width:.45}.harmony-circle-current-name{text-anchor:middle;dominant-baseline:middle;font-family:Cinzel,serif;font-size:4.2px;fill:var(--harm-core-ink);pointer-events:none}.harmony-circle-node{cursor:pointer}.harmony-circle-node .harmony-circle-node-halo{fill:var(--fam);opacity:0;transition:opacity .18s ease,transform .18s ease}.harmony-circle-node .harmony-circle-node-disc{fill:var(--fam);transition:transform .18s ease}.harmony-circle-node .harmony-circle-node-name{text-anchor:middle;dominant-baseline:middle;font-size:3.4px;fill:var(--harm-ink);pointer-events:none}.harmony-circle-node.fam-major{--fam: var(--harm-major)}.harmony-circle-node.fam-minor{--fam: var(--harm-minor)}.harmony-circle-node.fam-dominant{--fam: var(--harm-dominant)}.harmony-circle-node.fam-suspended{--fam: var(--harm-suspended)}.harmony-circle-node.fam-diminished{--fam: var(--harm-diminished)}.harmony-circle-node.fam-augmented{--fam: var(--harm-augmented)}.harmony-circle-node:hover .harmony-circle-node-halo,.harmony-circle-node:focus-visible .harmony-circle-node-halo{opacity:.3;transform-box:fill-box}.harmony-circle-node:focus-visible{outline:none}.harmony-circle-node:focus-visible .harmony-circle-node-disc{stroke:var(--text);stroke-width:.5}.harmony-circle-ring{stroke:var(--harm-ring, var(--text-soft));stroke-width:.5;opacity:.5}.harmony-circle-spoke{opacity:.34;stroke-width:.22}.harmony-circle-slot{fill:var(--text);font-weight:600;font-size:3.5px}.harmony-circle-slot.is-interieur{fill:var(--text-soft)}.harmony-circle-feu{opacity:calc(var(--feu, 0) * var(--harm-feu-gain, 1));transition:opacity .45s ease,r .45s ease;pointer-events:none}.harmony-circle-current-name{font-family:inherit;font-weight:700;font-size:4px;letter-spacing:.01em}@keyframes harmony-feu-respire{0%,to{transform:scale(1)}50%{transform:scale(1.13)}}.harmony-circle-feu{transform-box:fill-box;transform-origin:center;animation:harmony-feu-respire 5.4s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.31s)}@keyframes harmony-halo-bat{0%,to{opacity:.17;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}.harmony-circle-current-halo{transform-box:fill-box;transform-origin:center;animation:harmony-halo-bat 3.6s ease-in-out infinite}@keyframes harmony-node-attend{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.harmony-circle-node .harmony-circle-node-body,.harmony-circle-node .harmony-circle-node-disc,.harmony-circle-node .harmony-circle-node-relief{transform-box:fill-box;transform-origin:center;animation:harmony-node-attend 4.8s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.4s)}.harmony-circle-node:hover .harmony-circle-node-disc,.harmony-circle-node:hover .harmony-circle-node-relief,.harmony-circle-node:focus-visible .harmony-circle-node-disc,.harmony-circle-node:focus-visible .harmony-circle-node-relief{animation:none}.harmony-circle.est-en-ecoute .harmony-circle-feu,.harmony-circle.est-en-ecoute .harmony-circle-current-halo,.harmony-circle.est-en-ecoute .harmony-circle-node-disc,.harmony-circle.est-en-ecoute .harmony-circle-node-relief{animation:none}@media (prefers-reduced-motion: reduce){.harmony-circle-feu,.harmony-circle-current-halo,.harmony-circle-node-body,.harmony-circle-node-disc,.harmony-circle-node-relief{animation:none}.harmony-circle-feu{transition:none}}@media (max-width: 860px){.harmony-views{margin-left:0}.harmony-tree-wrap{min-height:300px}.harmony-circle{height:auto;width:100%;max-width:min(420px,86vw);max-height:none}}@media (max-width: 560px){.harmony-view-btn{padding:4px 10px;font-size:.78rem}.harmony-tree-tools{right:6px;bottom:6px;gap:4px}.harmony-tree-count{display:none}.harmony-circle-slot{font-size:3.7px}.harmony-circle-slot.is-interieur{font-size:3.3px}.harmony-circle-node-name{font-size:3.8px}.harmony-circle-current-name{font-size:4.6px}}@media (prefers-reduced-motion: reduce){.harmony-tree-pill,.harmony-circle-node-disc,.harmony-circle-node-halo{transition:none}}:root,[data-theme=dark]{--harm-lift: .55;--harm-shade: .18;--harm-spec: .3;--harm-lift-pill: .55;--harm-shade-pill: .38;--harm-bounce: .18;--harm-drop: rgba(0,0,0,.55)}[data-theme=light]{--harm-lift: .03;--harm-shade: .3;--harm-spec: .26;--harm-lift-pill: .3;--harm-shade-pill: .34;--harm-bounce: .12;--harm-drop: rgba(60,48,24,.3)}.harmony-defs{position:absolute;width:0;height:0;overflow:hidden}#harm-relief .harm-lift{stop-opacity:var(--harm-lift)}#harm-relief .harm-shade{stop-opacity:var(--harm-shade)}#harm-spec .harm-spec-0{stop-opacity:var(--harm-spec)}#harm-spec .harm-spec-1{stop-opacity:calc(var(--harm-spec) * .42)}#harm-relief-pill .harm-lift-pill{stop-opacity:var(--harm-lift-pill)}#harm-relief-pill .harm-shade-pill{stop-opacity:var(--harm-shade-pill)}#harm-relief-pill .harm-bounce{stop-opacity:var(--harm-bounce)}#harm-drop feDropShadow,#harm-drop-fin feDropShadow{flood-color:var(--harm-drop);flood-opacity:1}.harmony-head{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px}.harmony-head-top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.harmony-signature{display:flex;align-items:center;gap:.34em;min-width:0;line-height:1;-webkit-user-select:none;user-select:none;font-size:clamp(2.2rem,1.2rem + 2.2vw,3.1rem)}.harmony-seal{width:1.2em;height:1.2em;flex:0 0 auto;overflow:visible}.harmony-seal-ring{fill:none;stroke:rgba(var(--accent-rgb),.34);stroke-width:1}.harmony-seal-ring--in{stroke:rgba(var(--accent-rgb),.18);stroke-dasharray:2 4}.harmony-seal-rays line{stroke:rgba(var(--accent-rgb),.55);stroke-width:1.1;stroke-linecap:round}.harmony-seal-rays circle{fill:var(--accent)}.harmony-seal-core{fill:url(#harmony-seal-or)}.harmony-signature .harmony-wordmark{margin:0;min-width:0;font-family:Cormorant Garamond,EB Garamond,Georgia,serif;font-weight:500;font-style:italic;font-size:1em;letter-spacing:.05em;line-height:1.38;margin-block:-.16em;padding-inline-end:.06em;white-space:nowrap;overflow:hidden;color:var(--accent-soft)}[data-theme=light] .harmony-signature .harmony-wordmark{color:var(--accent-ink)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.harmony-signature .harmony-wordmark{background:linear-gradient(135deg,var(--accent-bright) 0%,var(--accent-soft) 38%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=light] .harmony-signature .harmony-wordmark{background:linear-gradient(135deg,var(--accent-ink) 0%,var(--accent-bright-ink) 48%,var(--accent-ink) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}}@media print{.harmony-signature .harmony-wordmark,[data-theme=light] .harmony-signature .harmony-wordmark{background:none;color:#000;-webkit-text-fill-color:#000}}@media (forced-colors: active){.harmony-signature .harmony-wordmark,[data-theme=light] .harmony-signature .harmony-wordmark{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}.harmony-promise{margin:0;max-width:68ch;font-size:clamp(.93rem,.9rem + .16vw,1.02rem);line-height:1.5;color:var(--text-soft)}.harmony-promise p{margin:0}.harmony-promise p+p{margin-top:7px}.harmony-credit{color:var(--muted);margin-top:7px}.harmony-how-btn{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:0;border:0;background:none;font:inherit;color:var(--accent, var(--text-soft));cursor:pointer;text-decoration:underline;text-underline-offset:3px}.harmony-how-btn:hover{text-decoration-thickness:2px}.harmony-how-chevron{font-size:1.1em;line-height:1}#harmony-how p:first-child{margin-top:7px}.harmony-intro{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.harmony-gestes{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:16px;flex:1 1 auto;min-width:0;flex-wrap:wrap}.harmony-geste{display:flex;align-items:baseline;gap:6px;min-width:0;font-size:.8rem}.harmony-geste strong{font-weight:600;color:var(--text);font-size:.84rem}.harmony-geste>span:last-child{color:var(--muted)}.harmony-geste-num{flex:0 0 auto;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;font-family:Cinzel,serif;font-size:.72rem;font-weight:700;color:var(--text-inverse);background:linear-gradient(160deg,var(--accent-soft),var(--accent));box-shadow:var(--inset-polish);align-self:center}.harmony-manual-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:var(--r-md);border:1px solid var(--accent-dim);background:var(--stage-btn-bg);box-shadow:var(--stage-btn-shadow-hover);font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.harmony-manual-btn strong{font-size:.84rem;font-weight:600;color:var(--accent-ink)}.harmony-manual-btn-icon{display:inline-flex;color:var(--accent-ink)}.harmony-manual-btn-arrow{font-size:1.15rem;color:var(--accent-ink);transition:transform var(--dur-fast) var(--ease)}.harmony-manual-btn:hover{background:var(--stage-btn-bg-hover);border-color:var(--stage-btn-border-hover);transform:translateY(-1px)}.harmony-manual-btn:hover .harmony-manual-btn-arrow{transform:translate(3px)}.harmony-manual-btn:active{transform:translateY(0)}.harmony-manual-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.harmony-close,.harmony-chip,.harmony-view-btn,.harmony-action,.harmony-lyrics-toggle,.harmony-tree-tools button{font:inherit;font-size:.84rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;border-radius:999px;border:1px solid transparent;min-height:36px;padding:7px 15px;transition:background var(--dur-fast) var(--ease-snap),border-color var(--dur-fast) var(--ease-snap),color var(--dur-fast) var(--ease-snap),box-shadow var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.harmony-tree-tools button{min-height:0;min-width:26px;padding:2px 9px;font-size:.78rem;font-weight:500}@media (pointer: coarse){.harmony-close,.harmony-chip,.harmony-view-btn,.harmony-action,.harmony-lyrics-toggle{min-height:44px;padding:10px 16px}}.harmony-close:disabled,.harmony-chip:disabled,.harmony-view-btn:disabled,.harmony-action:disabled,.harmony-lyrics-toggle:disabled,.harmony-tree-tools button:disabled{opacity:.42;cursor:not-allowed;transform:none}.harmony-close,.harmony-action,.harmony-tree-tools button{background:var(--stage-btn-bg);border-color:var(--stage-btn-border);color:var(--stage-btn-text);box-shadow:var(--stage-btn-shadow)}.harmony-tree-tools button{border-color:var(--border-strong)}.harmony-close:hover:not(:disabled),.harmony-action:hover:not(:disabled),.harmony-tree-tools button:hover:not(:disabled){background:var(--stage-btn-bg-hover);border-color:var(--stage-btn-border-hover);color:var(--stage-btn-text-hover);box-shadow:var(--stage-btn-shadow-hover);transform:translateY(-1px)}.harmony-close:active:not(:disabled),.harmony-action:active:not(:disabled){transform:translateY(0) scale(.985)}.harmony-close:focus-visible,.harmony-action:focus-visible,.harmony-tree-tools button:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px;border-color:var(--stage-btn-border-hover);box-shadow:var(--stage-btn-shadow),0 0 0 3px var(--accent-glow)}.harmony-action--ecouter{background:linear-gradient(180deg,var(--accent-bright) 0%,var(--accent-soft) 38%,var(--accent) 62%,var(--accent) 100%);color:var(--text-inverse);border-color:rgba(var(--accent-bright-rgb),.55);box-shadow:var(--inset-polish),0 1px rgba(var(--accent-bright-rgb),.5) inset,var(--shadow-sm);text-shadow:0 1px 0 rgba(var(--accent-pale-rgb),.45)}.harmony-action--ecouter:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06) saturate(1.05);box-shadow:var(--inset-polish),0 12px 28px -8px rgba(var(--accent-rgb),.55),0 0 0 4px var(--accent-glow-soft)}.harmony-action--ecouter:active:not(:disabled){transform:translateY(0) scale(.985);filter:brightness(.95)}.harmony-action--ecouter:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px;box-shadow:var(--inset-polish),0 0 0 3px var(--accent-glow)}.harmony-action--ecouter.is-playing{background:var(--stage-btn-bg-hover);border-color:var(--stage-btn-border-hover);color:var(--stage-btn-text-hover);text-shadow:none;box-shadow:var(--stage-btn-shadow-hover)}.harmony-view-btn,.harmony-chip{background:transparent;border-color:transparent;color:var(--text-soft);box-shadow:none;font-weight:500}.harmony-view-btn:hover:not(.active),.harmony-chip:hover:not(.active){background:var(--stage-btn-bg);border-color:var(--stage-btn-border);color:var(--stage-btn-text-hover);box-shadow:var(--stage-btn-shadow)}.harmony-view-btn.active,.harmony-chip.active{background:var(--stage-btn-bg-active);border-color:var(--stage-btn-border-active);color:var(--stage-btn-text-active);box-shadow:var(--stage-btn-shadow-active);font-weight:600;text-shadow:none;transform:none}.harmony-view-btn:active,.harmony-chip:active{transform:scale(.97)}.harmony-view-btn:focus-visible,.harmony-chip:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px;box-shadow:0 0 0 3px var(--accent-glow)}.harmony-views{margin-left:0;box-shadow:inset 0 1px 3px rgba(var(--shadow-rgb),.3);border-color:var(--stage-btn-border)}.harmony-lyrics-toggle{background:transparent;border:1px dashed var(--border);color:var(--muted);font-weight:500;box-shadow:none;align-self:flex-start;font-size:.8rem}.harmony-lyrics-toggle:hover:not(:disabled){background:var(--stage-btn-bg);border-style:solid;border-color:var(--stage-btn-border);color:var(--stage-btn-text);box-shadow:var(--stage-btn-shadow)}.harmony-lyrics-toggle:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px;box-shadow:0 0 0 3px var(--accent-glow)}.harmony-step{border-color:var(--stage-btn-border);background:var(--stage-btn-bg);color:var(--stage-btn-text);box-shadow:var(--stage-btn-shadow);position:relative;overflow:hidden}.harmony-step:hover{background:var(--stage-btn-bg-hover);border-color:var(--stage-btn-border-hover);color:var(--stage-btn-text-hover);box-shadow:var(--stage-btn-shadow-hover);transform:translateY(-1px)}.harmony-step.current{background:var(--stage-btn-bg-active);border-color:var(--stage-btn-border-active);color:var(--stage-btn-text-active);box-shadow:var(--stage-btn-shadow-active)}.harmony-step.est-passe{border-color:var(--accent-dim);color:var(--text)}.harmony-step.playing{border-color:var(--accent-bright);box-shadow:var(--stage-btn-shadow-active),0 0 0 3px var(--accent-glow-soft)}.harmony-controls{display:grid;grid-template-areas:"depart puces" "vues vues" "dial dial";grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px 22px}.harmony-start{grid-area:depart}.harmony-chips{grid-area:puces}.harmony-views{grid-area:vues}.harmony-dial{grid-area:dial;display:flex;flex-direction:column;gap:3px;padding-top:10px;border-top:1px solid var(--border)}.harmony-dial-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.harmony-dial-title{font-family:Cinzel,serif;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);cursor:pointer}.harmony-dial-read{font-size:.82rem;color:var(--text-soft);text-align:right}.harmony-dial-read strong{font-family:Cinzel,serif;font-size:1rem;font-weight:600;color:var(--accent-ink)}.harmony-dial-sep{color:var(--muted-2);margin:0 6px}.harmony-dial-ends{display:flex;justify-content:space-between;gap:12px}.harmony-slider-end{font-size:.74rem;color:var(--muted);white-space:nowrap}.harmony-dial-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:34px;margin:0;padding:0;background:transparent;cursor:pointer;touch-action:pan-y}@media (pointer: coarse){.harmony-dial-input{height:44px}}.harmony-dial-input:focus{outline:none}.harmony-dial-input::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:repeating-linear-gradient(90deg,rgba(var(--glint-rgb),.4) 0 1px,transparent 1px 25%),linear-gradient(90deg,var(--accent-bright) 0%,var(--accent) 46%,var(--accent-dim) 100%);box-shadow:inset 0 0 0 1px var(--border-strong),inset 0 1px 2px rgba(var(--shadow-rgb),.4)}.harmony-dial-input::-moz-range-track{height:10px;border-radius:999px;background:repeating-linear-gradient(90deg,rgba(var(--glint-rgb),.4) 0 1px,transparent 1px 25%),linear-gradient(90deg,var(--accent-bright) 0%,var(--accent) 46%,var(--accent-dim) 100%);box-shadow:inset 0 0 0 1px var(--border-strong),inset 0 1px 2px rgba(var(--shadow-rgb),.4)}.harmony-dial-input::-moz-range-progress{background:transparent;height:10px}.harmony-dial-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:26px;height:26px;margin-top:-8px;border-radius:50%;border:1px solid var(--stage-btn-border-active);background:radial-gradient(circle at 34% 28%,rgba(var(--glint-rgb),.85),rgba(var(--glint-rgb),0) 46%),var(--stage-btn-bg-active);box-shadow:inset 0 1px rgba(var(--glint-rgb),.55),0 3px 8px -2px rgba(var(--shadow-rgb),.45),0 0 0 4px rgba(var(--accent-rgb),.1);transition:box-shadow var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.harmony-dial-input::-moz-range-thumb{box-sizing:border-box;width:26px;height:26px;border-radius:50%;border:1px solid var(--stage-btn-border-active);background:radial-gradient(circle at 34% 28%,rgba(var(--glint-rgb),.85),rgba(var(--glint-rgb),0) 46%),var(--stage-btn-bg-active);box-shadow:inset 0 1px rgba(var(--glint-rgb),.55),0 3px 8px -2px rgba(var(--shadow-rgb),.45),0 0 0 4px rgba(var(--accent-rgb),.1);transition:box-shadow var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.harmony-dial-input:hover::-webkit-slider-thumb{box-shadow:inset 0 1px rgba(var(--glint-rgb),.65),0 4px 12px -2px rgba(var(--shadow-rgb),.5),0 0 0 8px rgba(var(--accent-rgb),.16)}.harmony-dial-input:hover::-moz-range-thumb{box-shadow:0 4px 12px -2px rgba(var(--shadow-rgb),.5),0 0 0 8px rgba(var(--accent-rgb),.16)}.harmony-dial-input:active::-webkit-slider-thumb{transform:scale(.93)}.harmony-dial-input:active::-moz-range-thumb{transform:scale(.93)}.harmony-dial-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--panel),0 0 0 6px var(--accent-ink)}.harmony-dial-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--panel),0 0 0 6px var(--accent-ink)}.harmony-dial-input:focus-visible{outline:2px solid var(--accent-ink);outline-offset:4px;border-radius:var(--r-sm)}.harmony-node-body{transition:transform .22s cubic-bezier(.34,1.3,.5,1);transform-origin:0 0}@keyframes harmony-bulle-attend{0%,to{transform:scale(1)}50%{transform:scale(1.022)}}.harmony-node-body{animation:harmony-bulle-attend 5.1s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.42s)}.harmony-node:hover .harmony-node-body,.harmony-node:focus-visible .harmony-node-body,.harmony-rosace.est-en-ecoute .harmony-node-body{animation:none}@keyframes harmony-branche-attend{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.028);opacity:.9}}.harmony-tree-node.is-suggestion .harmony-tree-pill{transform-box:fill-box;transform-origin:center;animation:harmony-branche-attend 5.6s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.23s)}.harmony-tree-node.is-suggestion:hover .harmony-tree-pill,.harmony-tree-node.is-suggestion:focus-visible .harmony-tree-pill{animation:none}@media (prefers-reduced-motion: reduce){.harmony-node-body,.harmony-tree-node.is-suggestion .harmony-tree-pill{animation:none}}.harmony-node:hover .harmony-node-body,.harmony-node:focus-visible .harmony-node-body{transform:scale(1.11)}.harmony-node-disc{fill:var(--fam);filter:url(#harm-drop);transform:none}.harmony-node-relief{fill:url(#harm-relief);pointer-events:none}.harmony-node-spec{fill:url(#harm-spec);pointer-events:none}.harmony-node-halo{fill:var(--fam);opacity:0;transform:none;transition:opacity .22s ease}.harmony-node:hover .harmony-node-halo,.harmony-node:focus-visible .harmony-node-halo{opacity:.26;transform:none}.harmony-node:hover .harmony-node-disc,.harmony-node:focus-visible .harmony-node-disc{transform:none}.harmony-node:focus-visible .harmony-node-disc{stroke:none}.harmony-node:focus-visible .harmony-node-relief{stroke:var(--text);stroke-width:.5}.harmony-tree-relief,.harmony-circle-node-relief,.harmony-circle-current-relief{fill:url(#harm-relief-pill);pointer-events:none}.harmony-tree-node:hover .harmony-tree-pill,.harmony-tree-node:focus-visible .harmony-tree-pill{stroke:none}.harmony-tree-node.is-courant .harmony-tree-pill{stroke:var(--accent-bright);stroke-width:2.4}.harmony-tree-node:hover .harmony-tree-relief{stroke:var(--text);stroke-width:1.6}.harmony-tree-node:focus-visible .harmony-tree-relief{stroke:var(--text);stroke-width:2.4}.harmony-tree-node.is-abandonne:hover .harmony-tree-pill,.harmony-tree-node.is-abandonne:focus-visible .harmony-tree-pill{stroke:var(--text);stroke-width:1.6}.harmony-circle-node-disc,.harmony-circle-current-disc{filter:url(#harm-drop-fin)}.harmony-circle-node:focus-visible .harmony-circle-node-disc{stroke:none}.harmony-circle-node:focus-visible .harmony-circle-node-relief{stroke:var(--text);stroke-width:.5}.harmony-circle-path-jouee{fill:none;stroke:var(--accent);stroke-width:1.15;stroke-linejoin:round;stroke-linecap:round;transition:stroke-dashoffset var(--harm-voyage) cubic-bezier(.33,.02,.2,1)}.harmony-circle-jeton{transform-box:view-box;transform-origin:0 0;pointer-events:none;transition:transform var(--harm-voyage) cubic-bezier(.33,.02,.2,1)}.harmony-circle-jeton-anneau{fill:none;stroke:var(--accent-bright);stroke-width:.9}.harmony-circle-jeton-onde{fill:none;stroke:var(--accent-bright);stroke-width:.6;transform-box:fill-box;transform-origin:center;animation:harmony-onde var(--harm-pas) cubic-bezier(.16,.7,.3,1) forwards}@keyframes harmony-onde{0%{opacity:.85;transform:scale(.5)}70%{opacity:0;transform:scale(1.7)}to{opacity:0;transform:scale(1.7)}}.harmony-tree-link.est-lue{stroke:var(--accent-bright);opacity:1}.harmony-tree-comete path{fill:none;stroke-linecap:round;pointer-events:none;stroke-dasharray:16 120;animation:harmony-comete var(--harm-pas) cubic-bezier(.3,0,.25,1) forwards}.harmony-tree-comete-lueur{stroke:var(--accent-bright);stroke-width:8;opacity:.22}.harmony-tree-comete-fil{stroke:var(--accent-bright);stroke-width:3.2}@keyframes harmony-comete{0%{stroke-dashoffset:16;opacity:1}70%{stroke-dashoffset:-100;opacity:1}to{stroke-dashoffset:-100;opacity:0}}.harmony-tree-node.est-sonne .harmony-tree-pill{fill:var(--accent-bright);stroke:var(--text);stroke-width:2.2}.harmony-rosace .harmony-nodes,.harmony-rosace .harmony-links{transition:opacity .34s ease}.harmony-rosace.est-en-ecoute .harmony-nodes{opacity:.16;pointer-events:none}.harmony-rosace.est-en-ecoute .harmony-links{opacity:.3}.harmony-rosace.est-en-ecoute .harmony-pulse{animation:harmony-battement-noyau var(--harm-pas) cubic-bezier(.16,.7,.3,1) forwards}@keyframes harmony-battement-noyau{0%{transform:scale(1.34);opacity:.22}38%{transform:scale(1);opacity:.12}to{transform:scale(1);opacity:.1}}.harmony-step.playing:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent-bright);transform-origin:left center;animation:harmony-tete var(--harm-pas) linear forwards}@keyframes harmony-tete{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.harmony-step.se-retire:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-glow-soft);transform-origin:left center;animation:harmony-retrait var(--harm-appui, .5s) linear forwards;pointer-events:none}@keyframes harmony-retrait{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.harmony-path-list li.lien-vif:before{display:inline-block;color:var(--accent-bright);animation:harmony-chevron .42s cubic-bezier(.3,0,.2,1) 1}@keyframes harmony-chevron{0%{transform:translate(-4px);opacity:.35}55%{transform:translate(2px);opacity:1}to{transform:translate(0);opacity:1}}@media (max-width: 1100px){.harmony-controls{grid-template-areas:"depart" "puces" "vues" "dial";grid-template-columns:minmax(0,1fr)}}@media (max-width: 620px){.harmony-controls{grid-template-areas:"depart" "puces" "vues" "dial";grid-template-columns:minmax(0,1fr);gap:10px}.harmony-signature{font-size:1.75rem}.harmony-promise{font-size:.9rem}.harmony-gestes{display:none}.harmony-manual-btn{width:100%;justify-content:flex-start}.harmony-views{display:grid;grid-template-columns:repeat(3,1fr)}.harmony-chips{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin:0 -10px;padding:2px 10px}.harmony-chips::-webkit-scrollbar{display:none}.harmony-chip{flex:0 0 auto;scroll-snap-align:center}.harmony-dial-head{flex-direction:column;align-items:flex-start;gap:1px}.harmony-dial-read{text-align:left}}@media (min-width: 621px) and (max-height: 700px){.harmony-signature{font-size:1.85rem}.harmony-gestes{display:none}.harmony-promise{font-size:.9rem}}@media (prefers-reduced-motion: reduce){.harmony-node-body,.harmony-node-halo,.harmony-step,.harmony-chip,.harmony-close,.harmony-view-btn,.harmony-action,.harmony-lyrics-toggle,.harmony-manual-btn,.harmony-manual-btn-arrow,.harmony-tree-tools button,.harmony-dial-input,.harmony-dial-input::-webkit-slider-thumb,.harmony-dial-input::-moz-range-thumb,.harmony-circle-jeton,.harmony-circle-path-jouee{transition:none}.harmony-close:hover:not(:disabled),.harmony-action:hover:not(:disabled),.harmony-tree-tools button:hover:not(:disabled),.harmony-action--ecouter:hover:not(:disabled),.harmony-close:active:not(:disabled),.harmony-action:active:not(:disabled),.harmony-action--ecouter:active:not(:disabled),.harmony-view-btn:hover:not(.active),.harmony-chip:hover:not(.active),.harmony-step:hover,.harmony-manual-btn:hover,.harmony-manual-btn:hover .harmony-manual-btn-arrow,.harmony-view-btn:active,.harmony-chip:active,.harmony-dial-input:active::-webkit-slider-thumb,.harmony-dial-input:active::-moz-range-thumb{transform:none}.harmony-circle-jeton-onde{animation:none;opacity:.9}.harmony-tree-comete{display:none}.harmony-rosace .harmony-nodes,.harmony-rosace .harmony-links{transition:none}.harmony-rosace.est-en-ecoute .harmony-pulse{animation:none;opacity:.1}.harmony-step.playing:after{animation:none;transform:scaleX(1)}.harmony-step.se-retire:before{animation:none;transform:scaleX(1)}.harmony-path-list li.lien-vif:before{animation:none}}.harmony-node-name{font-size:4.3px;font-weight:900}.harmony-tree-node .harmony-tree-name{font-size:12.5px;font-weight:700}.harmony-circle-node .harmony-circle-node-name{font-size:3.8px;font-weight:600}.harmony-dial{max-width:520px}@media (min-width: 900px){.harmony-intro{gap:18px;padding:12px 16px;border-radius:var(--r-lg);background:var(--panel)}.harmony-gestes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:start}.harmony-geste{display:grid;grid-template-columns:19px minmax(0,1fr);grid-template-areas:"num titre" "num texte";align-items:baseline;column-gap:9px;row-gap:2px;padding:2px 18px}.harmony-geste:first-child{padding-left:0}.harmony-geste+.harmony-geste{border-left:1px solid var(--border)}.harmony-geste-num{grid-area:num;align-self:start}.harmony-geste strong{grid-area:titre}.harmony-geste>span:last-child{grid-area:texte;color:var(--muted);line-height:1.45}}@media (min-width: 1500px){.harmony{display:grid;grid-template-columns:clamp(330px,26%,420px) minmax(0,1fr);grid-template-rows:auto minmax(min-content,1fr) auto;grid-template-areas:"tete     tete" "reglages scene" "source   fil";column-gap:24px;row-gap:18px;padding:22px 26px 24px;align-self:center;width:100%;max-width:1560px;margin-inline:auto}.harmony-head{grid-area:tete}.harmony-controls{grid-area:reglages}.harmony-stage{grid-area:scene}.harmony-path{grid-area:fil}.harmony-source{grid-area:source}.harmony-head{gap:14px;padding-bottom:18px;border-bottom:1px solid var(--border)}.harmony-promise{max-width:62ch}.harmony-controls{grid-template-areas:"depart" "puces" "vues" "dial";grid-template-columns:minmax(0,1fr);align-self:start;row-gap:20px;padding:14px 16px 16px}.harmony-views{display:grid;grid-template-columns:repeat(3,1fr)}.harmony-dial{max-width:none}.harmony-dial-head{flex-direction:column;align-items:flex-start;gap:1px}.harmony-dial-read{text-align:left}.harmony-start{flex-wrap:wrap}.harmony-stage{grid-template-columns:minmax(0,1fr) clamp(270px,26%,340px);gap:22px;min-height:0}.harmony-rosace,.harmony-circle{max-height:none}.harmony-detail{align-self:stretch;min-height:0;padding:16px 18px}.harmony-detail-hint{margin:auto 0 0}.harmony-path{align-self:end;padding:12px 16px}.harmony-source{align-self:end;text-align:left}.harmony-lyrics{flex:0 0 auto;flex-direction:row;align-items:center;gap:10px}.harmony-lyrics:has(.harmony-lyrics-champ){flex:1 1 100%;flex-direction:column;align-items:stretch}}@media (max-width: 620px){.harmony-gestes{display:none}}@media (min-width: 621px) and (max-height: 700px){.harmony-gestes{display:none}}.harmony-head-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:0}@media (max-width: 620px){.harmony-head-top{flex-wrap:wrap;row-gap:12px}.harmony-head-actions{width:100%}.harmony-manual-btn{flex:1 1 auto;justify-content:flex-start}}@media (min-width: 900px){.harmony-gestes{width:100%}}@media (max-width: 1499.98px){.harmony-head{display:contents}.harmony-intro{order:3}.harmony-source{order:4}.harmony{padding:12px 20px 22px}.harmony-seal{width:1em;height:1em}}@media (max-width: 1499.98px){.harmony-stage{min-height:min(46vh,470px)}.harmony-rosace,.harmony-circle{max-height:min(46vh,470px)}}.harmony-node-aura{opacity:calc(.45 + .55 * var(--part, 0));transform-box:fill-box;transform-origin:center;pointer-events:none;animation:harmony-aura-respire 6.4s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.53s)}.harmony-node-halo{fill:var(--fam);opacity:calc(.07 + .13 * var(--part, 0));transform-box:fill-box;transform-origin:center;pointer-events:none;transition:opacity .22s ease;animation:harmony-halo-respire 5.1s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.42s)}@keyframes harmony-aura-respire{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}@keyframes harmony-halo-respire{0%,to{transform:scale(1)}50%{transform:scale(1.11)}}.harmony-node:hover .harmony-node-aura,.harmony-node:focus-visible .harmony-node-aura{animation:none;opacity:.16}.harmony-node:hover .harmony-node-halo,.harmony-node:focus-visible .harmony-node-halo{animation:none;opacity:.3}.harmony-rosace.est-en-ecoute .harmony-node-aura,.harmony-rosace.est-en-ecoute .harmony-node-halo{animation:none}@keyframes harmony-breathe{0%,to{transform:scale(1);opacity:.12}50%{transform:scale(1.55);opacity:.05}}@media (prefers-reduced-motion: reduce){.harmony-node-aura,.harmony-node-halo{animation:none}}.harmony-riche{display:flex;gap:2px;align-items:center}.harmony-riche-btn{font:inherit;font-size:.76rem;padding:2px 10px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;white-space:nowrap;transition:background .18s ease,color .18s ease,border-color .18s ease}.harmony-riche-btn:hover{background:var(--panel-3);color:var(--text-soft)}.harmony-riche-btn.active{border-color:var(--accent);background:var(--accent-glow-soft);color:var(--accent-ink)}.harmony-riche-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}:root{--harm-g-haut: .62;--harm-g-haut2: .34;--harm-g-bas: .46;--harm-g-rebond: .22;--harm-rim-haut: .58;--harm-rim-bas: .42;--harm-lustre-0: .3;--harm-lustre-1: .14}[data-theme=light]{--harm-g-haut: .34;--harm-g-haut2: .18;--harm-g-bas: .42;--harm-g-rebond: .14;--harm-rim-haut: .72;--harm-rim-bas: .28;--harm-lustre-0: .42;--harm-lustre-1: .2}#harm-gelule .harm-g-haut{stop-opacity:var(--harm-g-haut)}#harm-gelule .harm-g-haut2{stop-opacity:var(--harm-g-haut2)}#harm-gelule .harm-g-bas{stop-opacity:var(--harm-g-bas)}#harm-gelule .harm-g-rebond{stop-opacity:var(--harm-g-rebond)}#harm-gelule-rim .harm-rim-haut{stop-opacity:var(--harm-rim-haut)}#harm-gelule-rim .harm-rim-bas{stop-opacity:var(--harm-rim-bas)}#harm-gelule-lustre .harm-lustre-0{stop-opacity:var(--harm-lustre-0)}#harm-gelule-lustre .harm-lustre-1{stop-opacity:var(--harm-lustre-1)}.harmony-circle-node-relief,.harmony-circle-current-relief{fill:url(#harm-gelule);pointer-events:none}.harmony-circle-node-rim,.harmony-circle-current-rim{fill:none;stroke:url(#harm-gelule-rim);stroke-width:.42;pointer-events:none}.harmony-circle-node-lustre,.harmony-circle-current-lustre{fill:url(#harm-gelule-lustre);pointer-events:none}.harmony-circle-node-disc,.harmony-circle-current-disc{filter:url(#harm-drop-bouton)}.harmony-circle-node-plus,.harmony-circle-current-plus{text-anchor:middle;dominant-baseline:middle;font-size:2.6px;font-weight:600;pointer-events:none;fill:var(--harm-ink);opacity:.72}.harmony-circle-current-plus{fill:var(--harm-core-ink);font-size:2.8px}.harmony-circle-node,.harmony-circle-current{transform-box:fill-box;transform-origin:center}.harmony-circle-node{transition:transform .16s cubic-bezier(.22,.9,.3,1)}.harmony-circle-node:hover,.harmony-circle-node:focus-visible{transform:translateY(-.5px) scale(1.06)}.harmony-circle-node:active{transform:translateY(.45px) scale(1.01);transition-duration:.04s}.harmony-circle-node:hover .harmony-circle-node-disc,.harmony-circle-node:focus-visible .harmony-circle-node-disc{filter:url(#harm-drop-bouton-haut)}.harmony-circle-node:active .harmony-circle-node-disc{filter:url(#harm-drop-fin)}.harmony-circle-node:active .harmony-circle-node-lustre{opacity:.45}.harmony-circle-node .harmony-circle-node-rim,.harmony-circle-node .harmony-circle-node-lustre{transform-box:fill-box;transform-origin:center;animation:harmony-node-attend 4.8s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.4s)}.harmony-circle-node:hover .harmony-circle-node-rim,.harmony-circle-node:hover .harmony-circle-node-lustre,.harmony-circle-node:focus-visible .harmony-circle-node-rim,.harmony-circle-node:focus-visible .harmony-circle-node-lustre{animation:none}.harmony-circle.est-en-ecoute .harmony-circle-node-rim,.harmony-circle.est-en-ecoute .harmony-circle-node-lustre{animation:none}@media (prefers-reduced-motion: reduce){.harmony-circle-node-rim,.harmony-circle-node-lustre{animation:none}.harmony-circle-node{transition:none}.harmony-circle-node:hover,.harmony-circle-node:focus-visible,.harmony-circle-node:active{transform:none}}.harmony-circle-node-socle,.harmony-circle-current-socle{fill:color-mix(in srgb,var(--fam, var(--accent)) 38%,#04060a);pointer-events:none}.harmony-circle-current-socle{fill:color-mix(in srgb,var(--accent) 40%,#04060a)}[data-theme=light] .harmony-circle-node-socle,[data-theme=light] .harmony-circle-current-socle{fill:color-mix(in srgb,var(--fam, var(--accent)) 52%,#6b5a34)}[data-theme=light] .harmony-circle-current-socle{fill:color-mix(in srgb,var(--accent) 52%,#6b5a34)}.harmony-circle-node-corps{transform-box:fill-box;transform-origin:center}.harmony-circle-node,.harmony-circle-node:hover,.harmony-circle-node:focus-visible,.harmony-circle-node:active{transform:none}.harmony-circle-node-corps{transition:transform .15s cubic-bezier(.22,.9,.3,1)}.harmony-circle-node:hover .harmony-circle-node-corps,.harmony-circle-node:focus-visible .harmony-circle-node-corps{transform:translateY(-.75px)}.harmony-circle-node:active .harmony-circle-node-corps{transform:translateY(.9px);transition-duration:45ms}.harmony-circle-node:active .harmony-circle-node-disc{filter:none}.harmony-circle-node:active .harmony-circle-node-lustre{opacity:.35}.harmony-circle-node .harmony-circle-node-disc,.harmony-circle-node .harmony-circle-node-relief,.harmony-circle-node .harmony-circle-node-rim,.harmony-circle-node .harmony-circle-node-lustre{animation:none}.harmony-circle-node .harmony-circle-node-corps{animation:harmony-node-attend 4.8s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.4s)}.harmony-circle-node:hover .harmony-circle-node-corps,.harmony-circle-node:focus-visible .harmony-circle-node-corps{animation:none}.harmony-circle.est-en-ecoute .harmony-circle-node-corps{animation:none}@media (prefers-reduced-motion: reduce){.harmony-circle-node-corps{animation:none;transition:none}.harmony-circle-node:hover .harmony-circle-node-corps,.harmony-circle-node:focus-visible .harmony-circle-node-corps,.harmony-circle-node:active .harmony-circle-node-corps{transform:none}}.harmony-core-porte{cursor:pointer}.harmony-core-porte:focus-visible{outline:none}.harmony-core-disc{stroke:transparent;stroke-width:0;transition:stroke .18s ease,stroke-width .18s ease}.harmony-core-porte:hover .harmony-core-disc,.harmony-core-porte:focus-visible .harmony-core-disc{stroke:var(--accent-bright);stroke-width:.7}.harmony-rosace.est-en-ecoute .harmony-core-porte{cursor:default}.harmony-rosace.est-en-ecoute .harmony-core-porte:hover .harmony-core-disc{stroke:transparent;stroke-width:0}.harmony-circle-current{cursor:pointer;transition:transform .16s cubic-bezier(.22,.9,.3,1)}.harmony-circle-current:hover,.harmony-circle-current:focus-visible{transform:translateY(-.5px) scale(1.06)}.harmony-circle-current:focus-visible{outline:none}.harmony-circle-current:active{transform:translateY(.45px) scale(1.01);transition-duration:.04s}.harmony-circle.est-en-ecoute .harmony-circle-current{cursor:default}.harmony-circle.est-en-ecoute .harmony-circle-current:hover{transform:none}@media (prefers-reduced-motion: reduce){.harmony-circle-current{transition:none}.harmony-circle-current:hover,.harmony-circle-current:focus-visible,.harmony-circle-current:active{transform:none}.harmony-core-disc{transition:none}}.harmony-controls{container-type:inline-size}.harmony-panel header{container-type:inline-size}.harmony-dial{max-width:none}.harmony-dial-reglage{display:flex;flex-direction:column;gap:3px;max-width:520px}.harmony-inst{display:flex;flex-direction:column;gap:14px;padding-top:14px}@container (min-width: 720px){.harmony-dial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:34px;align-items:start}.harmony-inst{padding-top:0;padding-left:26px;border-left:1px solid var(--border)}}@container (max-width: 719px){.harmony-inst{border-top:1px solid var(--border);margin-top:8px}}.harmony-inst-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.harmony-inst-title{font-family:Cinzel,serif;font-size:.92rem;font-weight:600;color:var(--accent-ink);letter-spacing:.02em}.harmony-inst-etat{font-size:.74rem;color:var(--muted);padding:1px 8px;border:1px solid var(--border);border-radius:999px;background:var(--panel)}.harmony-inst-etat--error{color:var(--danger, #c0553f);border-color:currentColor}.harmony-inst-souslabel{font-size:.73rem;color:var(--muted);letter-spacing:.04em;margin:0 0 -3px}.harmony-inst-familles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.harmony-inst-famille{display:flex;flex-direction:column;gap:7px;padding:9px 11px 10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--panel-2)}.harmony-inst-famille-nom{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:left}.harmony-inst-choix{display:flex;flex-wrap:wrap;gap:5px}.harmony-inst-item{font:inherit;font-size:.8rem;line-height:1;padding:6px 11px;border-radius:999px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(var(--veil-hi-rgb),.1),transparent 62%),var(--panel);color:var(--text-soft);box-shadow:0 1px rgba(var(--veil-hi-rgb),.06) inset,0 1px 2px #0000001a;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .12s ease,box-shadow .15s ease}.harmony-inst-item:hover{border-color:rgba(var(--accent-rgb),.55);color:var(--text);transform:translateY(-1px);box-shadow:0 1px rgba(var(--veil-hi-rgb),.1) inset,0 3px 7px #00000029}.harmony-inst-item:active{transform:translateY(0) scale(.97);box-shadow:0 1px 2px #0000001f}.harmony-inst-item.active{background:linear-gradient(180deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.11));border-color:var(--accent-ink);color:var(--accent-ink);font-weight:600;box-shadow:0 0 0 1px rgba(var(--accent-rgb),.22),0 2px 6px rgba(var(--accent-rgb),.18)}@media (prefers-reduced-motion: reduce){.harmony-inst-item,.harmony-inst-item:hover,.harmony-inst-item:active{transform:none}}.harmony-inst-item:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.harmony-inst-reglages{display:flex;align-items:flex-start;gap:18px 22px;flex-wrap:wrap;padding-top:15px;border-top:1px dashed var(--border)}.harmony-synth{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(92px,100%),1fr));max-width:320px;gap:14px 8px;align-items:start;flex:1 1 260px}.harmony-synth .knob{justify-items:center;text-align:center}.harmony-synth .knob-label{white-space:normal;overflow-wrap:anywhere}.harmony-octave{display:flex;flex-direction:column;gap:4px}.harmony-octave-nom{font-size:.73rem;color:var(--muted);letter-spacing:.04em}.harmony-octave-choix{display:flex;gap:0}.harmony-octave-btn{font:inherit;font-size:.78rem;line-height:1;padding:6px 10px;border:1px solid var(--border);background:var(--panel);color:var(--text-soft);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.harmony-octave-btn:first-child{border-radius:999px 0 0 999px}.harmony-octave-btn:last-child{border-radius:0 999px 999px 0}.harmony-octave-btn+.harmony-octave-btn{border-left:none}.harmony-octave-btn:hover{color:var(--text)}.harmony-octave-btn.active{background:rgba(var(--accent-rgb),.14);color:var(--accent-ink);border-color:var(--accent-ink);font-weight:600}.harmony-octave-btn:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px;z-index:1}.harmony-boucle{display:flex;flex-direction:column;gap:11px;margin-top:20px;padding-top:16px;border-top:1px dashed var(--border)}.harmony-boucle-head{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.harmony-boucle-titre{font-family:Cinzel,serif;font-size:.92rem;font-weight:600;color:var(--accent-ink);letter-spacing:.02em}.harmony-boucle-dit{font-size:.78rem;color:var(--muted)}.harmony-boucle-transport{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.harmony-boucle-play{flex:0 0 auto;width:46px;height:46px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;border:1px solid var(--accent-ink);background:linear-gradient(180deg,rgba(var(--accent-rgb),.26),rgba(var(--accent-rgb),.12));color:var(--accent-ink);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease}.harmony-boucle-play:hover:not(:disabled){box-shadow:0 0 0 4px rgba(var(--accent-rgb),.14);transform:scale(1.04)}.harmony-boucle-play:active:not(:disabled){transform:scale(.96)}.harmony-boucle-play:disabled{opacity:.42;cursor:default}.harmony-boucle-play:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.harmony-boucle-play-icone{width:21px;height:21px;fill:currentColor;display:block}.harmony-boucle-play.is-on{background:linear-gradient(180deg,var(--accent-bright),var(--accent));color:#1a1208;border-color:var(--accent-bright);animation:harmony-boucle-pulse 2.4s ease-in-out infinite}.harmony-boucle-play.is-pause{border-color:var(--accent-bright);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18)}@keyframes harmony-boucle-pulse{0%,to{box-shadow:0 0 rgba(var(--accent-rgb),.4)}50%{box-shadow:0 0 0 7px rgba(var(--accent-rgb),0)}}@media (prefers-reduced-motion: reduce){.harmony-boucle-play.is-on{animation:none}.harmony-boucle-play,.harmony-boucle-play:hover:not(:disabled),.harmony-boucle-play:active:not(:disabled){transform:none}}.harmony-boucle-tempo{display:flex;align-items:center;gap:7px}.harmony-boucle-tempo-nom{font-size:.73rem;color:var(--muted);letter-spacing:.04em}.harmony-boucle-bpm{width:116px;accent-color:var(--accent-ink);cursor:pointer}@media (pointer: coarse){.harmony-boucle-bpm{height:44px}}.harmony-boucle-bpm-lu{font-family:var(--font-mono);font-size:.78rem;color:var(--text);font-variant-numeric:tabular-nums;min-width:3ch}.harmony-boucle-tap{font:inherit;font-size:.78rem;padding:5px 11px;border-radius:999px;border:1px dashed var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:border-color .15s ease,color .15s ease}.harmony-boucle-tap:hover{border-color:var(--border-strong);color:var(--text-soft)}.harmony-boucle-rangee{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.harmony-boucle-nom{font-size:.73rem;color:var(--muted);letter-spacing:.04em}.harmony-boucle-choix{display:flex;gap:0}.harmony-boucle-btn{font:inherit;font-size:.78rem;line-height:1;padding:5px 10px;border:1px solid var(--border);background:var(--panel);color:var(--text-soft);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.harmony-boucle-btn:first-child{border-radius:999px 0 0 999px}.harmony-boucle-btn:last-child{border-radius:0 999px 999px 0}.harmony-boucle-btn+.harmony-boucle-btn{border-left:none}.harmony-boucle-btn:hover{color:var(--text)}.harmony-boucle-btn.active{background:rgba(var(--accent-rgb),.14);color:var(--accent-ink);border-color:var(--accent-ink);font-weight:600}.harmony-boucle-btn:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px;z-index:1}.harmony-boucle-drum{flex:0 0 auto;width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;border:1px solid var(--border-strong);background:var(--panel);color:var(--text-soft);transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .12s ease}.harmony-boucle-drum:hover:not(:disabled){color:var(--text);border-color:var(--accent-ink)}.harmony-boucle-drum:active:not(:disabled){transform:scale(.94)}.harmony-boucle-drum:disabled{opacity:.42;cursor:default}.harmony-boucle-drum:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.harmony-boucle-drum-icone{width:13px;height:13px;fill:currentColor;display:block}.harmony-boucle-drum.is-on{background:rgba(var(--accent-rgb),.18);border-color:var(--accent-ink);color:var(--accent-ink);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.12)}@media (prefers-reduced-motion: reduce){.harmony-boucle-drum,.harmony-boucle-drum:active:not(:disabled){transform:none}}.harmony-boucle-groove{font:inherit;font-size:.78rem;padding:5px 9px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--panel);color:var(--text-soft);cursor:pointer;max-width:200px}.harmony-boucle-groove:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.harmony-boucle-conseil{font:inherit;font-size:.74rem;padding:4px 9px;border-radius:999px;border:1px dashed rgba(var(--accent-rgb),.45);background:transparent;color:var(--accent-ink);cursor:pointer}.harmony-boucle-conseil:hover{border-style:solid}.harmony-grille{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.harmony-grille-case{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:58px;padding:7px 10px 6px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--panel);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.harmony-grille-accord{font-family:Cinzel,serif;font-size:.86rem;font-weight:600;color:var(--accent-ink);line-height:1}.harmony-grille-temps{display:flex;gap:3px}.harmony-grille-temps i{width:5px;height:5px;border-radius:50%;background:var(--border-strong);transition:background .1s linear,box-shadow .1s linear}.harmony-grille-temps i.on{background:var(--accent-bright);box-shadow:0 0 6px rgba(var(--accent-bright-rgb),.7)}.harmony-grille-case.active{border-color:var(--accent-ink);background:rgba(var(--accent-rgb),.1);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.22)}.harmony-grille-case.en-pause{border-color:rgba(var(--accent-rgb),.55);border-style:dashed;background:rgba(var(--accent-rgb),.05)}.harmony-recettes{display:flex;flex-wrap:wrap;gap:5px}.harmony-recette{font:inherit;font-size:.78rem;line-height:1;padding:5px 11px;border-radius:999px;cursor:pointer;border:1px solid var(--border);background:linear-gradient(180deg,rgba(var(--veil-hi-rgb),.1),transparent 62%),var(--panel);color:var(--text-soft);transition:border-color .15s ease,color .15s ease,transform .12s ease,background .15s ease}.harmony-recette:hover{border-color:rgba(var(--accent-rgb),.55);color:var(--text);transform:translateY(-1px)}.harmony-recette:active{transform:translateY(0) scale(.97)}.harmony-recette.active{background:linear-gradient(180deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.11));border-color:var(--accent-ink);color:var(--accent-ink);font-weight:600}.harmony-recette:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}@media (prefers-reduced-motion: reduce){.harmony-recette,.harmony-recette:hover,.harmony-recette:active{transform:none}}.harmony-jeu{display:flex;flex-direction:column;gap:10px}.harmony-jeu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.harmony-jeu-titre{font-family:Cinzel,serif;color:var(--accent-ink)}.harmony-jeu-bascules{display:flex;gap:6px;flex-wrap:wrap}.harmony-jeu-switch{font:inherit;font-size:.78rem;line-height:1;display:inline-flex;align-items:center;gap:7px;padding:7px 13px 7px 11px;border-radius:999px;cursor:pointer;border:1px solid var(--border);background:linear-gradient(180deg,rgba(var(--veil-hi-rgb),.1),transparent 62%),var(--panel);color:var(--text-soft);box-shadow:0 1px rgba(var(--veil-hi-rgb),.06) inset,0 1px 2px #0000001a;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .12s ease,box-shadow .15s ease}.harmony-jeu-switch:hover{border-color:rgba(var(--accent-rgb),.45);color:var(--text);transform:translateY(-1px);box-shadow:0 1px rgba(var(--veil-hi-rgb),.1) inset,0 3px 7px #00000029}.harmony-jeu-switch:active{transform:translateY(0) scale(.97)}.harmony-jeu-switch-dot{width:8px;height:8px;border-radius:50%;background:var(--muted-2);box-shadow:none;transition:background .15s ease,box-shadow .15s ease}.harmony-jeu-switch.is-on{border-color:var(--accent-ink);color:var(--accent-ink);font-weight:600;background:linear-gradient(180deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.11));box-shadow:0 0 0 1px rgba(var(--accent-rgb),.22),0 2px 6px rgba(var(--accent-rgb),.18)}.harmony-jeu-switch.is-on .harmony-jeu-switch-dot{background:var(--accent-ink);box-shadow:0 0 6px rgba(var(--accent-rgb),.55)}.harmony-jeu-switch:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}@media (prefers-reduced-motion: reduce){.harmony-jeu-switch,.harmony-jeu-switch:hover,.harmony-jeu-switch:active{transform:none}}.harmony-jeu-familles{display:flex;flex-direction:column;gap:7px}.harmony-jeu-famille{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.harmony-jeu-famille-nom{flex:0 0 66px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.harmony-jeu-choix{display:flex;flex-wrap:wrap;gap:5px;flex:1 1 200px}.harmony-jeu-motif{font:inherit;font-size:.78rem;line-height:1;text-align:left;padding:6px 11px;border-radius:999px;cursor:pointer;border:1px solid var(--border);background:linear-gradient(180deg,rgba(var(--veil-hi-rgb),.1),transparent 62%),var(--panel);color:var(--text-soft);box-shadow:0 1px rgba(var(--veil-hi-rgb),.06) inset,0 1px 2px #0000001a;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .12s ease,box-shadow .15s ease}.harmony-jeu-motif-nom{font-weight:600}.harmony-jeu-motif:hover{color:var(--text);border-color:rgba(var(--accent-rgb),.45);transform:translateY(-1px);box-shadow:0 1px rgba(var(--veil-hi-rgb),.1) inset,0 3px 7px #00000029}.harmony-jeu-motif:active{transform:translateY(0) scale(.98)}.harmony-jeu-motif.active{background:linear-gradient(180deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.11));border-color:var(--accent-ink);color:var(--accent-ink);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.22),0 2px 6px rgba(var(--accent-rgb),.18)}.harmony-jeu-motif:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}@media (prefers-reduced-motion: reduce){.harmony-jeu-motif,.harmony-jeu-motif:hover,.harmony-jeu-motif:active{transform:none}}.harmony-jeu-apercu{margin:2px 0 0;font-size:.76rem;line-height:1.35;color:var(--muted);min-height:2.7em;border-top:1px dashed var(--border);padding-top:8px}.harmony-jeu-apercu strong{color:var(--accent-ink);font-weight:600}.harmony-jeu-apercu-tiret{color:var(--muted-2)}@media (pointer: coarse){.harmony-recette,.harmony-jeu-switch,.harmony-jeu-motif,.harmony-boucle-btn,.harmony-boucle-tap,.harmony-boucle-groove{min-height:44px}.harmony-boucle-drum{width:44px;height:44px}.harmony-boucle-drum-icone{width:16px;height:16px}.harmony-boucle-groove{flex:1 1 140px;min-width:0;max-width:none}.harmony-jeu-motif{display:inline-flex;align-items:center}}.harmony-dial-puce[data-famille=major],.harmony-step[data-famille=major],.harmony-grille-case[data-famille=major]{--accent-rgb: var(--harm-major-rgb);--accent-ink: var(--harm-major)}.harmony-dial-puce[data-famille=minor],.harmony-step[data-famille=minor],.harmony-grille-case[data-famille=minor]{--accent-rgb: var(--harm-minor-rgb);--accent-ink: var(--harm-minor)}.harmony-dial-puce[data-famille=dominant],.harmony-step[data-famille=dominant],.harmony-grille-case[data-famille=dominant]{--accent-rgb: var(--harm-dominant-rgb);--accent-ink: var(--harm-dominant)}.harmony-dial-puce[data-famille=suspended],.harmony-step[data-famille=suspended],.harmony-grille-case[data-famille=suspended]{--accent-rgb: var(--harm-suspended-rgb);--accent-ink: var(--harm-suspended)}.harmony-dial-puce[data-famille=diminished],.harmony-step[data-famille=diminished],.harmony-grille-case[data-famille=diminished]{--accent-rgb: var(--harm-diminished-rgb);--accent-ink: var(--harm-diminished)}.harmony-dial-puce[data-famille=augmented],.harmony-step[data-famille=augmented],.harmony-grille-case[data-famille=augmented]{--accent-rgb: var(--harm-augmented-rgb);--accent-ink: var(--harm-augmented)}.harmony-dial-puce[data-famille]{border-color:rgba(var(--accent-rgb),.4)}.harmony-dial-puce[data-famille] .harmony-dial-puce-nom{color:var(--accent-ink)}.harmony-inst{--accent: var(--harm-steel);--accent-rgb: var(--harm-steel-rgb);--accent-ink: var(--harm-steel);--accent-bright: var(--harm-steel-hi);--accent-bright-rgb: var(--harm-steel-hi-rgb);--accent-pale-rgb: var(--harm-steel-hi-rgb)}.harmony-inst-title{color:var(--harm-steel)}@media (pointer: coarse){.harmony-inst-item{padding:10px 13px}.harmony-octave-btn{padding:10px 12px}.harmony-synth .knob-dial{width:46px;height:46px}}.harmony-start-note,.harmony-start-qualite{font:inherit;font-size:.84rem;line-height:1;padding:6px 26px 6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right 12px center,right 7px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;transition:border-color .15s ease,background-color .15s ease}.harmony-start-note{min-width:68px}.harmony-start-qualite{min-width:116px}.harmony-start-note:hover,.harmony-start-qualite:hover{border-color:rgba(var(--accent-rgb),.55)}.harmony-start-note:focus-visible,.harmony-start-qualite:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.harmony-start-note option,.harmony-start-qualite option{background:var(--panel);color:var(--text)}@media (pointer: coarse){.harmony-start-note,.harmony-start-qualite{padding-top:10px;padding-bottom:10px}}@container (max-width: 519px){.harmony-inst-famille{grid-template-columns:minmax(0,1fr);row-gap:3px}.harmony-inst-famille-nom{text-align:left}}.harmony-inst-famille-nom{min-width:0;overflow-wrap:anywhere}.harmony-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:4px 0 2px}@container (max-width: 559px){.harmony-views{grid-template-columns:minmax(0,1fr)}}.harmony-views .harmony-view-btn{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;padding:6px 10px;border-radius:10px;min-height:0;white-space:normal}.harmony-view-nom{font-family:Cinzel,serif;font-size:.88rem;font-weight:600;letter-spacing:.02em}.harmony-view-hint{font-size:.7rem;line-height:1.25;color:var(--muted);font-weight:400;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.harmony-views .harmony-view-btn.active .harmony-view-hint{color:inherit;opacity:.82}.harmony-dial-apercu{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:5px}.harmony-dial-puce{display:inline-flex;align-items:baseline;gap:6px;font:inherit;font-size:.8rem;line-height:1;padding:5px 10px;border-radius:999px;cursor:pointer;border:1px solid var(--border);background:linear-gradient(180deg,rgba(var(--veil-hi-rgb),.1),transparent 62%),var(--panel);color:var(--text-soft);transition:border-color .15s ease,color .15s ease,transform .12s ease}.harmony-dial-puce:hover{border-color:rgba(var(--accent-rgb),.55);color:var(--text);transform:translateY(-1px)}.harmony-dial-puce:active{transform:translateY(0) scale(.97)}.harmony-dial-puce:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.harmony-dial-puce-nom{font-weight:600;color:var(--text)}.harmony-dial-puce-part{font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}.harmony-dial-puce{--force: 0;background-image:linear-gradient(90deg,rgba(var(--accent-rgb),.2) calc(var(--force) * 100%),rgba(var(--accent-rgb),0) calc(var(--force) * 100%)),linear-gradient(180deg,rgba(var(--veil-hi-rgb),.1),transparent 62%)}.harmony-dial-puce:hover{background-image:linear-gradient(90deg,rgba(var(--accent-rgb),.3) calc(var(--force) * 100%),rgba(var(--accent-rgb),0) calc(var(--force) * 100%)),linear-gradient(180deg,rgba(var(--veil-hi-rgb),.14),transparent 62%)}@media (prefers-reduced-motion: reduce){.harmony-dial-puce,.harmony-dial-puce:hover,.harmony-dial-puce:active{transform:none}}@media (pointer: coarse){.harmony-dial-puce{padding:9px 12px}}.harmony-riche-btn{font-size:.82rem;padding:5px 12px;font-weight:600}.harmony-riche-btn.active{box-shadow:0 0 0 1px rgba(var(--accent-rgb),.25)}@media (pointer: coarse){.harmony-riche-btn{padding:9px 14px}}.harmony-inst{gap:6px}.harmony-inst-familles{gap:4px}.harmony-inst-item{padding:5px 10px}.harmony-inst-reglages{padding-top:8px;gap:12px 20px}.harmony-synth{gap:10px 8px}.harmony-dial-apercu{margin-top:6px;gap:4px}.harmony-dial-puce{padding:4px 9px}@media (pointer: coarse){.harmony-inst-item{padding:10px 13px}.harmony-dial-puce{padding:9px 12px}}.harmony-dial-ends{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;justify-content:space-between}.harmony-view-hint{-webkit-line-clamp:1}.harmony-stage{touch-action:manipulation}.harmony-node.est-arme .harmony-node-body{animation:none;transform:scale(1.11)}.harmony-node.est-arme .harmony-node-halo{opacity:.26}.harmony-node.est-arme .harmony-node-disc{stroke:var(--text);stroke-width:.55}.harmony-circle-node.est-arme .harmony-circle-node-halo{opacity:.3;transform-box:fill-box}.harmony-circle-node.est-arme .harmony-circle-node-disc,.harmony-circle-node.est-arme .harmony-circle-node-relief{animation:none}.harmony-circle-node.est-arme .harmony-circle-node-disc{stroke:var(--text);stroke-width:.5}.harmony-tree-node.est-arme .harmony-tree-pill{animation:none;stroke:var(--text);stroke-width:2.4}.harmony-tap{position:fixed;left:0;right:0;bottom:0;z-index:210;display:flex;align-items:center;gap:10px;padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:var(--panel);border-top:1px solid var(--border);box-shadow:0 -6px 22px rgba(var(--shadow-rgb),.38)}.harmony-tap-chord{font-family:Cinzel,serif;font-size:1.25rem;line-height:1;color:var(--accent-ink);white-space:nowrap}.harmony-tap-go{flex:1 1 auto;min-height:44px;border:1px solid var(--accent-bright);border-radius:10px;background:var(--accent);color:var(--text-inverse);font-size:.95rem;font-weight:700;cursor:pointer}.harmony-tap-annuler{flex:0 0 auto;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text-soft);font-size:.9rem;cursor:pointer}.harmony.a-barre{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.harmony-detail-hint--tap{color:var(--text-soft);font-weight:600}.harmony-node:focus,.harmony-circle-node:focus,.harmony-tree-node:focus,.harmony-core-porte:focus,.harmony-circle-current:focus{outline:none}.harmony-bloc{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:15px 16px 16px}.harmony-dial,.harmony-dial-reglage{gap:18px}.harmony-inst{gap:14px;padding-top:15px}.harmony-bloc.harmony-boucle{margin-top:0;border:1px solid var(--border)}@container (max-width: 719px){.harmony-bloc.harmony-inst{margin-top:0;border:1px solid var(--border)}}@container (min-width: 720px){.harmony-bloc.harmony-inst{padding-left:16px;border:1px solid var(--border)}}.harmony-dial-title,.harmony-boucle-titre,.harmony-jeu-titre,.harmony-inst-title{font-size:1.06rem;font-weight:700;letter-spacing:.03em}.harmony-dial-title{color:var(--accent-ink);letter-spacing:.07em}.harmony-dial-head,.harmony-boucle-head,.harmony-jeu-head,.harmony-inst-head{margin-bottom:4px}@media (min-width: 1500px){.harmony-controls{align-self:start;min-height:auto;overflow-y:visible}.harmony:not(.est-agrandi) .harmony-stage{align-self:start;max-height:calc(100svh - 470px)}}@media (min-width: 1500px){.harmony.est-agrandi{grid-template-rows:auto minmax(330px,1fr) auto}.harmony.est-agrandi .harmony-controls{align-self:stretch;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:8px}}.harmony-views{padding:0;border:none;border-radius:0;background:none;box-shadow:none}.harmony-bloc-titre,.home-bloc-titre{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.harmony-bloc-titre:hover,.home-bloc-titre:hover{color:var(--accent-bright)}.harmony-bloc-titre:focus-visible,.home-bloc-titre:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.harmony-bloc-chevron{width:0;height:0;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;transform:rotate(90deg);transition:transform .18s ease;opacity:.65;flex:none}.harmony-bloc-titre[aria-expanded=false] .harmony-bloc-chevron,.home-bloc-titre[aria-expanded=false] .harmony-bloc-chevron{transform:rotate(0)}.harmony-bloc.est-replie>*:not(.harmony-boucle-head):not(.harmony-jeu-head):not(.harmony-inst-head){display:none}.harmony.est-agrandi .harmony-controls{scrollbar-width:auto;scrollbar-color:var(--accent-dim) rgba(255,255,255,.06)}.harmony.est-agrandi .harmony-controls::-webkit-scrollbar{width:9px}.harmony.est-agrandi .harmony-controls::-webkit-scrollbar-track{background:#ffffff0f;border-radius:6px}.harmony.est-agrandi .harmony-controls::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:6px;border:2px solid transparent;background-clip:content-box}.harmony.est-agrandi .harmony-controls::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:content-box}.harmony.est-agrandi .harmony-detail{align-self:stretch;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.harmony-carte{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.harmony-carte-titre{margin:0;font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.harmony-carte-tete{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.harmony-carte-nom{font-family:Cinzel,serif;font-size:1.5rem;line-height:1.1;color:var(--accent-ink)}.harmony-carte-notes{font-size:.82rem;color:var(--muted)}.harmony-carte-renv{display:flex;flex-direction:column;gap:10px}.harmony-carte-renv-item{display:flex;flex-direction:column;gap:3px}.harmony-carte-renv-nom{font-size:.72rem;color:var(--muted)}.harmony.est-agrandi{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;margin:0;max-width:none;width:100%;height:100%;max-height:100%;overflow:auto;overscroll-behavior:contain;background:var(--bg-deep, #0b0c10)}.harmony.est-agrandi.a-barre{padding-bottom:84px}@media (min-width: 1100px) and (max-width: 1499.98px){.harmony.est-agrandi{display:grid;grid-template-columns:clamp(330px,26%,420px) minmax(0,1fr);grid-template-rows:auto minmax(330px,1fr) auto;grid-template-areas:"tete     tete" "reglages scene" "source   fil";column-gap:24px;row-gap:16px;padding:16px 22px 18px;align-content:stretch}.harmony.est-agrandi .harmony-head{display:contents}.harmony.est-agrandi .harmony-head-top{grid-area:tete}.harmony.est-agrandi .harmony-controls{grid-area:reglages}.harmony.est-agrandi .harmony-stage{grid-area:scene}.harmony.est-agrandi .harmony-path{grid-area:fil}.harmony.est-agrandi .harmony-source{grid-area:source}.harmony.est-agrandi .harmony-controls{align-self:stretch;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:8px}.harmony.est-agrandi .harmony-stage{min-height:0;grid-template-columns:minmax(0,1fr) clamp(270px,26%,340px)}.harmony.est-agrandi .harmony-controls{grid-template-areas:"depart" "puces" "vues" "dial";grid-template-columns:minmax(0,1fr);row-gap:20px}.harmony.est-agrandi .harmony-views{display:grid;grid-template-columns:repeat(3,1fr)}}@media (min-width: 1100px){.harmony.est-agrandi .harmony-rosace,.harmony.est-agrandi .harmony-circle{max-height:none}.harmony.est-agrandi .harmony-stage{min-height:0}.harmony.est-agrandi{overflow:hidden}}.harmony.est-agrandi .harmony-promise,.harmony.est-agrandi .harmony-intro{display:none}.harmony-zoom-btn{flex:0 0 auto;width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;cursor:pointer;border:1px solid var(--border);background:linear-gradient(180deg,rgba(var(--veil-hi-rgb),.1),transparent 62%),var(--panel);color:var(--muted);transition:color .15s ease,border-color .15s ease,background .15s ease}.harmony-zoom-btn svg{width:19px;height:19px;display:block}.harmony-zoom-btn:hover{color:var(--accent-ink);border-color:rgba(var(--accent-rgb),.45)}.harmony-zoom-btn:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.harmony-zoom-btn.is-on{color:var(--accent-ink);border-color:var(--accent-ink);background:linear-gradient(180deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.11))}@media (pointer: coarse){.harmony-zoom-btn{width:44px;height:44px}}@media (max-width: 640px),(max-height: 540px) and (max-width: 1100px){.harmony-promise{order:3;margin:0}.harmony{padding:10px 12px 16px;gap:10px}.harmony-title{font-size:1.25rem}.harmony:not(.est-agrandi) .harmony-stage{grid-template-rows:minmax(0,1fr) auto;height:calc(100svh - var(--topbar-h, 56px) - 170px);min-height:0;max-height:none;flex:none;gap:10px}.harmony:not(.est-agrandi) .harmony-rosace,.harmony:not(.est-agrandi) .harmony-tree-wrap{height:100%;width:auto;max-width:100%;max-height:none;margin:0 auto}.harmony-detail{align-self:stretch;min-height:0;padding:10px 12px;gap:4px}.harmony-detail-hint,.harmony-detail-fallback{margin:0}}@media (max-height: 540px) and (max-width: 1100px){.content>.fil-ariane{display:none}.harmony{padding:8px 12px 12px;gap:8px}.harmony-title{font-size:1.1rem}.harmony:not(.est-agrandi) .harmony-stage{height:calc(100svh - var(--topbar-h, 56px) - 96px);gap:8px}.harmony:not(.est-agrandi) .harmony-stage{grid-template-columns:minmax(0,1fr) clamp(180px,34%,260px);grid-template-rows:minmax(0,1fr)}.harmony-detail{padding:8px 10px}.harmony-detail-common,.harmony-detail-fallback{display:none}}@media (max-width: 640px),(max-height: 540px) and (max-width: 1100px){.harmony-views{order:-1}}@container topbar (max-width: 2010px){.topbar-actions .topbar-docs-group,.topbar-actions>.theme-toggle{display:none}.topbar-more-mobile{display:block}.topbar-actions{gap:8px}}@media (max-width: 640px),(max-height: 540px) and (max-width: 1100px){.harmony.est-agrandi .harmony-rosace,.harmony.est-agrandi .harmony-circle,.harmony.est-agrandi .harmony-tree-wrap{max-width:100%}}@media (max-width: 640px),(max-height: 540px) and (max-width: 1100px){.home-screen .home-section.home-chordlab{display:none}.home-screen{gap:20px}.home-bloc-pliable{display:flex;flex-direction:column;gap:14px}.home-bloc-titre{display:flex;width:100%;min-height:44px;align-items:center;gap:10px;padding:0 4px 8px;border-bottom:1px solid rgba(var(--accent-rgb),.18);font-family:Cinzel,serif;font-size:1.15rem;font-weight:700;letter-spacing:.08em;color:var(--accent-ink)}.home-bloc-titre-texte{min-width:0;line-height:1.2}.home-bloc-titre .harmony-bloc-chevron{border-left-width:7px;border-top-width:5px;border-bottom-width:5px;opacity:.8}.home-bloc-pliable .home-progressions-header,.home-bloc-pliable .home-scale>.home-section-header{display:none}.home-bloc-pliable .chord-day-top h3{display:none}.home-bloc-pliable .chord-day-top{justify-content:flex-end}.home-mobile-intro{padding:12px 12px 14px;gap:8px;margin-bottom:10px}.home-mobile-intro-tagline{padding:2px 10px 8px!important;font-size:.84rem;line-height:1.4}.home-mobile-intro-logo{transform:scale(.7)}}.auth-modal-panel--astuce{position:relative;max-width:520px;padding:26px 28px 22px;background:radial-gradient(120% 80% at 50% -10%,rgba(var(--accent-rgb),.14),transparent 60%),linear-gradient(180deg,rgba(var(--panel-rgb),.97),rgba(var(--bg-content-rgb),.97));border:1px solid rgba(var(--accent-rgb),.26)}.auth-modal-panel--astuce:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-bright-rgb),.55),transparent);pointer-events:none}.astuce-hero{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.astuce-kicker{margin:0;color:var(--accent-ink);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.astuce-compteur{margin:0;color:var(--muted);font-size:.72rem;white-space:nowrap}.astuce-texte{margin:0;color:var(--text);font-size:1.02rem;line-height:1.6}.astuce-raccourci{display:flex;align-items:center;gap:10px;margin:16px 0 0}.astuce-raccourci-label{color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.astuce-kbd{padding:4px 10px;border:1px solid rgba(var(--accent-rgb),.35);border-radius:7px;background:rgba(var(--accent-rgb),.1);color:var(--accent-ink);font-family:inherit;font-size:.86rem;font-weight:650;white-space:nowrap}.astuce-pied{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding-top:16px;border-top:1px solid var(--border-soft)}.astuce-ne-plus{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.82rem;cursor:pointer}.astuce-ne-plus input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.astuce-actions{display:flex;align-items:center;gap:8px;flex:none}@media (max-width: 560px){.auth-modal-panel--astuce{padding:22px 18px 18px}.astuce-pied{flex-direction:column-reverse;align-items:stretch;gap:12px}.astuce-actions .auth-btn{flex:1;min-height:44px}.astuce-ne-plus{min-height:44px}}.topbar-more-astuces{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 12px;min-height:44px}.astuces-switch{flex:none;display:inline-flex;align-items:center;padding:0;border:0;background:none;cursor:pointer;line-height:0}.astuces-switch-track{position:relative;display:inline-flex;align-items:center;width:40px;height:22px;padding:0 3px;border-radius:999px;border:1px solid var(--stage-btn-border);background:var(--stage-btn-bg);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.astuces-switch-knob{width:16px;height:16px;border-radius:50%;background:var(--muted);transform:translate(0);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.astuces-switch.is-on .astuces-switch-track{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.22)}.astuces-switch.is-on .astuces-switch-knob{background:var(--accent);transform:translate(18px)}.astuces-switch:hover .astuces-switch-track{border-color:var(--stage-btn-border-hover)}.astuces-switch:focus-visible{outline:none}.astuces-switch:focus-visible .astuces-switch-track{box-shadow:0 0 0 3px var(--accent-glow)}.blind{max-width:860px;margin:0 auto;padding:8px 4px 48px;display:flex;flex-direction:column;gap:20px}.blind-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.blind-head h1{margin:0;font-family:Cinzel,serif;font-size:1.5rem;color:var(--text)}.blind-back{font:inherit;font-size:.85rem;padding:7px 12px;border-radius:10px;border:1px solid var(--stage-btn-border);background:var(--stage-btn-bg);color:var(--stage-btn-text);cursor:pointer}.blind-back:hover{border-color:var(--stage-btn-border-hover);color:var(--stage-btn-text-hover)}.blind-tableau{margin-left:auto;display:flex;gap:16px}.blind-tableau-item{font-family:JetBrains Mono,monospace;font-size:1.05rem;color:var(--text)}.blind-tableau-item em{display:block;font-style:normal;font-family:Inter,system-ui,sans-serif;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.blind-panne{margin:0;padding:12px 14px;border-radius:var(--r-md, 12px);border:1px solid var(--danger);background:rgba(var(--veil-lo-rgb),.25);color:var(--text-soft);font-size:.9rem}.blind-reglages{display:flex;flex-direction:column;gap:18px}.blind-pitch{margin:0;color:var(--text-soft);font-size:1rem;max-width:60ch}.blind-champ{display:flex;flex-direction:column;gap:8px}.blind-champ h2{margin:0;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-family:Inter,system-ui,sans-serif}.blind-puces{display:flex;flex-wrap:wrap;gap:8px}.blind-puce{font:inherit;font-size:.85rem;padding:8px 14px;border-radius:999px;border:1px solid var(--stage-btn-border);background:var(--stage-btn-bg);color:var(--stage-btn-text);cursor:pointer;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.blind-puce:hover{border-color:var(--stage-btn-border-hover);color:var(--stage-btn-text-hover)}.blind-puce.is-on{border-color:var(--stage-btn-border-active);background:var(--stage-btn-bg-active);color:var(--stage-btn-text-active);font-weight:600}.blind-puce-n{opacity:.7;font-family:JetBrains Mono,monospace;font-size:.78rem}.blind-aide{margin:0;color:var(--muted);font-size:.82rem;max-width:62ch}.blind-record{margin:0;color:var(--accent-soft);font-size:.88rem}.blind-note{margin:0;color:var(--muted-2);font-size:.76rem;max-width:62ch}.blind-go{font:inherit;font-family:Cinzel,serif;font-weight:700;font-size:.92rem;padding:11px 26px;border-radius:12px;border:1px solid var(--accent);background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:var(--text-inverse);cursor:pointer;align-self:flex-start}.blind-go:hover:not(:disabled){filter:brightness(1.06)}.blind-go:disabled{opacity:.55;cursor:progress}.blind-scene{display:flex;flex-direction:column;gap:18px;align-items:center}.blind-platine{position:relative;width:320px;height:180px;max-width:100%;border-radius:var(--r-lg, 16px);overflow:hidden;border:1px solid var(--border);background:var(--bg-deep);box-shadow:var(--shadow-md)}.blind-cadre,.blind-yt,.blind-yt iframe{width:100%;height:100%;display:block;border:0}.blind-cache{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--panel)}.blind-disque{width:116px;height:116px;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,rgba(var(--veil-hi-rgb),.05) 0,rgba(var(--veil-hi-rgb),.05) 2px,rgba(var(--veil-lo-rgb),.22) 2px,rgba(var(--veil-lo-rgb),.22) 4px);border:1px solid var(--border-strong);display:grid;place-items:center}.blind-disque.tourne{animation:blind-tourne 3.2s linear infinite}.blind-disque-centre{width:30px;height:30px;border-radius:50%;background:var(--accent);box-shadow:inset 0 0 0 6px var(--panel)}@keyframes blind-tourne{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.blind-disque.tourne{animation:none}}.blind-chrono{position:relative;width:100%;max-width:420px;height:26px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);overflow:hidden}.blind-chrono-barre{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:transform .12s linear}.blind-chrono-n{position:relative;display:block;text-align:center;line-height:24px;font-family:JetBrains Mono,monospace;font-size:.82rem;color:var(--text)}.blind-silence{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--r-md, 12px);border:1px solid var(--warn);background:rgba(var(--veil-lo-rgb),.22)}.blind-silence p{margin:0;color:var(--text-soft);font-size:.88rem;text-align:center}.blind-silence .blind-go{align-self:center}.blind-choix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:620px}.blind-choix-btn{font:inherit;display:flex;flex-direction:column;gap:2px;text-align:left;padding:12px 14px;border-radius:var(--r-md, 12px);border:1px solid var(--stage-btn-border);background:var(--stage-btn-bg);color:var(--text);cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.blind-choix-btn:hover{border-color:var(--stage-btn-border-hover);background:var(--stage-btn-bg-hover)}.blind-choix-btn strong{font-size:.92rem}.blind-choix-btn span{font-size:.78rem;color:var(--muted)}.blind-saisie{display:flex;gap:8px;width:100%;max-width:520px}.blind-saisie input{font:inherit;flex:1;min-width:0;padding:11px 14px;border-radius:12px;border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text)}.blind-saisie input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow-soft)}.blind-saisie.est-faux input{border-color:var(--danger);animation:blind-non .35s var(--ease)}@keyframes blind-non{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion: reduce){.blind-saisie.est-faux input{animation:none}}.blind-outils{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%;max-width:620px;flex-wrap:wrap}.blind-indices{display:flex;flex-direction:column;gap:6px}.blind-indice-btn,.blind-passer{font:inherit;font-size:.82rem;padding:7px 13px;border-radius:10px;border:1px dashed var(--border-strong);background:transparent;color:var(--muted);cursor:pointer;align-self:flex-start}.blind-indice-btn:hover,.blind-passer:hover{color:var(--text-soft);border-color:var(--accent-dim)}.blind-indice{margin:0;font-size:.85rem;color:var(--accent-soft);font-family:JetBrains Mono,monospace}.blind-revele{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.blind-verdict{margin:0;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.blind-verdict.est-bon{color:var(--ok)}.blind-verdict.est-rate{color:var(--danger)}.blind-titre{margin:2px 0 0;font-family:Cinzel,serif;font-size:1.35rem;color:var(--text)}.blind-artiste{margin:0;color:var(--text-soft);font-size:.95rem}.blind-meta{margin:4px 0 0;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.blind-meta span{font-size:.78rem;color:var(--muted);font-family:JetBrains Mono,monospace}.blind-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:12px}.blind-actions .blind-go{align-self:auto}.blind-fiche{font:inherit;font-family:Cinzel,serif;font-weight:700;font-size:.88rem;padding:11px 22px;border-radius:12px;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer}.blind-fiche:hover{background:rgba(var(--accent-rgb),.14)}.blind-fiche--mini{padding:5px 11px;font-size:.74rem;border-radius:8px}.blind-bilan{display:flex;flex-direction:column;gap:12px;align-items:center}.blind-bilan-score{margin:0;display:flex;align-items:baseline;gap:8px}.blind-bilan-score strong{font-family:Cinzel,serif;font-size:2.6rem;color:var(--accent)}.blind-bilan-score span{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.blind-bilan-detail{margin:0;color:var(--text-soft);font-size:.92rem}.blind-bilan-record{color:var(--accent-soft);font-style:normal}.blind-liste{list-style:none;margin:8px 0 0;padding:0;width:100%;max-width:620px;display:flex;flex-direction:column;gap:6px}.blind-liste li{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--r-sm, 8px);border:1px solid var(--border-soft);background:var(--panel)}.blind-liste-etat{font-family:JetBrains Mono,monospace;font-size:1rem}.blind-liste li.est-bon .blind-liste-etat{color:var(--ok)}.blind-liste li.est-rate .blind-liste-etat{color:var(--danger)}.blind-liste-titre{flex:1;min-width:0;display:flex;flex-direction:column}.blind-liste-titre strong{font-size:.88rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blind-liste-titre em{font-style:normal;font-size:.76rem;color:var(--muted)}.blind-liste-pts{font-family:JetBrains Mono,monospace;font-size:.82rem;color:var(--accent-soft)}.home-blind-onde{display:flex;align-items:center;gap:3px;height:26px}.home-blind-onde span{display:block;width:3px;border-radius:2px;background:var(--accent);animation:blind-onde 1.1s var(--ease) infinite alternate}.home-blind-onde span:nth-child(1){height:8px;animation-delay:0s}.home-blind-onde span:nth-child(2){height:16px;animation-delay:.08s}.home-blind-onde span:nth-child(3){height:24px;animation-delay:.16s}.home-blind-onde span:nth-child(4){height:12px;animation-delay:.24s}.home-blind-onde span:nth-child(5){height:20px;animation-delay:.32s}.home-blind-onde span:nth-child(6){height:9px;animation-delay:.4s}.home-blind-onde span:nth-child(7){height:15px;animation-delay:.48s}@keyframes blind-onde{to{transform:scaleY(.35)}}@media (prefers-reduced-motion: reduce){.home-blind-onde span{animation:none}}@media (max-width: 640px){.blind{padding:4px 2px 36px;gap:16px}.blind-head h1{font-size:1.2rem}.blind-tableau{width:100%;margin-left:0;justify-content:space-between}.blind-choix{grid-template-columns:1fr}.blind-platine{width:100%;height:168px}.blind-outils{flex-direction:column;align-items:stretch}.blind-passer{align-self:stretch;text-align:center}}.installer-carte{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--r-md);background:linear-gradient(180deg,#d4af4f12,#d4af4f05),var(--panel)}.installer-carte-icone{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:10px;color:var(--accent);background:var(--accent-glow-dim);border:1px solid var(--accent-glow-soft)}.installer-carte-texte{flex:1 1 auto;min-width:0}.installer-carte-titre{margin:0;font-size:.95rem;font-weight:650;color:var(--text);letter-spacing:.01em}.installer-carte-pitch{margin:2px 0 0;font-size:.82rem;line-height:1.35;color:var(--muted)}.installer-carte-bouton{flex:0 0 auto;padding:8px 18px;border-radius:999px;border:1px solid var(--accent-dim);background:linear-gradient(180deg,var(--accent-soft),var(--accent));color:#1a1608;font-weight:700;font-size:.85rem;cursor:pointer;transition:filter .15s ease,transform .15s ease}.installer-carte-bouton:hover{filter:brightness(1.07)}.installer-carte-bouton:active{transform:translateY(1px)}.installer-carte-bouton:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}@media (max-width: 560px){.installer-carte{flex-wrap:wrap;gap:10px 12px;padding:12px 14px}.installer-carte-texte{flex:1 1 180px}.installer-carte-bouton{flex:1 1 100%;text-align:center;padding:10px 18px}}.yt-pupitre{position:fixed;left:0;right:0;bottom:0;z-index:55;background:linear-gradient(180deg,rgba(var(--panel-rgb),.93),rgba(var(--bg-deep-rgb),.97));backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border-top:1px solid var(--border);box-shadow:inset 0 1px rgba(var(--veil-hi-rgb),.06),0 -22px 50px -30px rgba(var(--shadow-rgb),.95);color:var(--text);padding-bottom:env(safe-area-inset-bottom);animation:yt-pupitre-monte var(--dur, .28s) var(--ease, cubic-bezier(.22,1,.36,1))}@keyframes yt-pupitre-monte{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.yt-pupitre{animation:none}}.yt-pupitre-dedans{max-width:720px;margin:0 auto;padding:10px 14px 12px}.yt-pupitre-haut{display:flex;gap:12px;align-items:center}.yt-pupitre.is-grand .yt-pupitre-haut{display:block}.yt-pupitre-ecran{border-radius:var(--r-sm, 8px);overflow:hidden;background:#000;aspect-ratio:16 / 9;width:112px;flex:0 0 112px;transition:width var(--dur, .28s) var(--ease),flex-basis var(--dur, .28s) var(--ease)}.yt-pupitre-ecran iframe{width:100%;height:100%;border:0;display:block}.yt-pupitre.is-grand .yt-pupitre-ecran{width:100%;flex:0 0 auto;margin:0 auto 11px;max-width:calc((100vh - 270px) * 16 / 9)}.yt-pupitre-quoi{min-width:0;flex:1}.yt-pupitre-titre{display:block;font-weight:600;font-size:.97rem;line-height:1.22;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yt-pupitre-artiste{display:block;font-size:.83rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yt-pupitre.is-grand .yt-pupitre-quoi{margin-bottom:4px}.yt-pupitre-boutons-haut{display:flex;gap:4px;flex:0 0 auto}.yt-pupitre.is-grand .yt-pupitre-boutons-haut{justify-content:flex-end}.yt-pupitre-bp{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:var(--r-sm, 8px);min-width:44px;min-height:44px;display:grid;place-items:center;cursor:pointer;transition:background var(--dur-fast, .16s) var(--ease),color var(--dur-fast, .16s) var(--ease)}.yt-pupitre-bp:hover{background:var(--panel-2);color:var(--text)}.yt-pupitre-bp:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.yt-pupitre-panne{margin:9px 0 0;padding:8px 11px;font-size:.85rem;color:var(--warn);background:rgba(var(--warn-rgb),.1);border:1px solid rgba(var(--warn-rgb),.35);border-radius:var(--r-sm, 8px)}.yt-pupitre-panne a{color:var(--accent)}.yt-pupitre-avancee{margin:12px 2px 0}.yt-pupitre-rail{display:block;width:100%;height:26px;padding:0;border:0;background:transparent;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.yt-pupitre-piste{display:block;position:relative;height:8px;margin:9px 0;border-radius:99px;background:var(--panel-2);border:1px solid var(--border-soft)}.yt-pupitre-tampon,.yt-pupitre-fait{position:absolute;left:0;top:0;height:100%;border-radius:99px}.yt-pupitre-tampon{width:0;background:rgba(var(--veil-hi-rgb),.13);transition:width .4s ease}.yt-pupitre-fait{width:0;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .25s linear}.yt-pupitre-tete{position:absolute;top:50%;left:0;width:15px;height:15px;margin-left:-7.5px;border-radius:50%;background:var(--accent);box-shadow:0 2px 7px rgba(var(--shadow-rgb),.55),0 0 0 1px rgba(var(--shadow-rgb),.25);transform:translateY(-50%) scale(1);transition:transform var(--dur-fast, .16s) var(--ease-snap),left .25s linear}.yt-pupitre-rail:hover .yt-pupitre-tete{transform:translateY(-50%) scale(1.15)}.yt-pupitre-rail.is-tire .yt-pupitre-fait,.yt-pupitre-rail.is-tire .yt-pupitre-tete{transition:none}.yt-pupitre-rail.is-tire .yt-pupitre-tete{transform:translateY(-50%) scale(1.7)}.yt-pupitre-rail:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:6px}.yt-pupitre-minutes{display:flex;justify-content:space-between;margin-top:4px;font-family:var(--font-mono);font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums}.yt-pupitre-reste{color:var(--muted-2)}.yt-pupitre-commandes{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:10px}.yt-pupitre-gros{border:1px solid var(--accent);background:linear-gradient(180deg,var(--accent-soft),var(--accent));color:#1a1208;border-radius:999px;min-width:56px;min-height:56px;display:grid;place-items:center;flex:0 0 auto;cursor:pointer;box-shadow:var(--shadow-accent);transition:filter var(--dur-fast, .16s) var(--ease)}.yt-pupitre-gros:hover{filter:brightness(1.1)}.yt-pupitre-gros:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}.yt-pupitre-gros svg{margin-left:2px}.yt-pupitre-gros.is-pause svg{margin-left:0}.yt-pupitre-saut{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);border-radius:var(--r-md, 12px);min-width:48px;min-height:48px;display:grid;place-items:center;flex:0 0 auto;cursor:pointer;transition:background var(--dur-fast, .16s) var(--ease),color var(--dur-fast, .16s) var(--ease),border-color var(--dur-fast, .16s) var(--ease)}.yt-pupitre-saut:hover{background:var(--panel-3);color:var(--text);border-color:var(--border-strong)}.yt-pupitre-saut:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 400px){.yt-pupitre-ecran{flex:0 0 88px;width:88px}.yt-pupitre-commandes{gap:14px}.yt-pupitre-gros{min-width:52px;min-height:52px}.yt-pupitre-saut{min-width:44px;min-height:44px}}.content{padding-bottom:calc(40px + var(--yt-pupitre-h, 0px))}@media (max-width: 900px){.content{padding-bottom:calc(32px + var(--yt-pupitre-h, 0px))}}@media (max-width: 640px){.content{padding-bottom:calc(24px + var(--yt-pupitre-h, 0px))}}.midi-mini-player{bottom:calc(16px + var(--yt-pupitre-h, 0px))}@media (max-width: 768px){.lyrics-inline-title .chord-block-toggle{bottom:calc(16px + var(--yt-pupitre-h, 0px))}.chord-reference-block.chord-reference-block--mobile{bottom:calc(70px + var(--yt-pupitre-h, 0px))}}.sonar{max-width:720px;margin:0 auto;padding:8px 4px 48px;display:flex;flex-direction:column;gap:22px}.sonar-head h1{margin:0;font-family:Cinzel,serif;font-size:1.5rem;letter-spacing:.01em;color:var(--text)}.sonar-pitch{margin:8px 0 0;color:var(--muted);font-size:.95rem;line-height:1.5;max-width:60ch}.sonar-note{margin:10px 0 0;color:var(--muted);font-size:.82rem;line-height:1.45;max-width:54ch}.sonar-repos{display:flex;flex-direction:column;align-items:flex-start}.sonar-go{font:inherit;font-family:Cinzel,serif;font-weight:700;font-size:.95rem;padding:13px 30px;border-radius:12px;border:1px solid var(--accent);background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:var(--text-inverse);cursor:pointer;align-self:flex-start}.sonar-go:hover:not(:disabled){filter:brightness(1.06)}.sonar-go:disabled{opacity:.55;cursor:progress}.sonar-go--secondaire{background:var(--panel);color:var(--text);border-color:var(--border);font-size:.88rem;padding:10px 22px}.sonar-encours{display:flex;flex-direction:column;align-items:center;gap:16px;padding:18px 0}.sonar-onde{display:flex;align-items:center;gap:5px;height:64px}.sonar-onde span{display:block;width:5px;border-radius:3px;background:var(--accent);animation:ecoute-onde 1s var(--ease, ease) infinite alternate}.sonar-onde span:nth-child(1){height:18px;animation-delay:0s}.sonar-onde span:nth-child(2){height:38px;animation-delay:.09s}.sonar-onde span:nth-child(3){height:58px;animation-delay:.18s}.sonar-onde span:nth-child(4){height:30px;animation-delay:.27s}.sonar-onde span:nth-child(5){height:50px;animation-delay:.36s}.sonar-onde span:nth-child(6){height:22px;animation-delay:.45s}.sonar-onde span:nth-child(7){height:36px;animation-delay:.54s}@keyframes ecoute-onde{to{transform:scaleY(.3)}}@media (prefers-reduced-motion: reduce){.sonar-onde span,.home-sonar-halo{animation:none}}.sonar-vu{width:min(260px,70%);height:6px;border-radius:999px;background:var(--border);overflow:hidden}.sonar-vu-barre{display:block;width:100%;height:100%;border-radius:999px;background:var(--accent);transform-origin:left center;transform:scaleX(0);transition:transform .1s linear}@media (prefers-reduced-motion: reduce){.sonar-vu-barre{transition:none}}.sonar-chrono{margin:0;color:var(--muted);font-size:.95rem}.sonar-chrono-n{color:var(--accent);font-size:1.15rem;font-variant-numeric:tabular-nums}.sonar-stop{font:inherit;font-size:.85rem;padding:8px 18px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer}.sonar-analyse{margin:0;color:var(--muted);font-size:1rem;text-align:center;padding:24px 0}.sonar-resultat{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.sonar-carte{display:flex;align-items:center;gap:18px;padding:16px;border:1px solid var(--border);border-radius:var(--r-md, 12px);background:var(--panel);width:100%}.sonar-pochette{width:92px;height:92px;flex:0 0 auto;border-radius:10px;object-fit:cover;border:1px solid var(--border)}.sonar-carte-texte{min-width:0}.sonar-titre{margin:0;font-family:Cinzel,serif;font-size:1.2rem;color:var(--text);overflow-wrap:anywhere}.sonar-artiste{margin:4px 0 0;color:var(--muted);font-size:.95rem;overflow-wrap:anywhere}.sonar-annee{margin:2px 0 0;color:var(--muted);font-size:.82rem}.sonar-fiche{font:inherit;font-family:Cinzel,serif;font-weight:700;font-size:.9rem;padding:11px 26px;border-radius:12px;border:1px solid var(--accent);background:linear-gradient(135deg,var(--accent-soft),var(--accent));color:var(--text-inverse);cursor:pointer}.sonar-fiche:hover{filter:brightness(1.06)}.sonar-absent{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px;border:1px dashed var(--border);border-radius:var(--r-md, 12px);width:100%}.sonar-absent p{margin:0;color:var(--muted);font-size:.9rem}.sonar-demande{font:inherit;font-size:.88rem;padding:10px 22px;border-radius:999px;border:1px solid var(--accent-dim, var(--accent));background:var(--accent-glow-dim, transparent);color:var(--accent);cursor:pointer}.sonar-demande:hover:not(:disabled){filter:brightness(1.12)}.sonar-demande:disabled{opacity:.55;cursor:progress}.sonar-demande-ok{margin:0;color:var(--accent);font-size:.9rem}.sonar-rien{margin:0;color:var(--muted);font-size:.98rem;line-height:1.5;max-width:56ch}.sonar-muet{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.sonar-muet-piste{margin:0;color:var(--text);font-size:.95rem;line-height:1.55;max-width:56ch}.sonar-niveau{margin:0;color:var(--muted);font-size:.85rem;line-height:1.5;max-width:56ch}.sonar-panne-bloc{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.sonar-panne{margin:0;padding:12px 16px;border-radius:var(--r-md, 12px);border:1px solid var(--danger, #b4472f);background:#b4472f14;color:var(--text);font-size:.92rem;line-height:1.45;max-width:56ch}.sonar-sortir{font:inherit;font-size:.85rem;padding:8px 18px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;align-self:flex-start}.sonar-sortir:hover{color:var(--text)}.home-sonar-micro{position:relative;display:grid;place-items:center;width:44px;height:44px;color:var(--accent)}.home-sonar-halo{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--accent);opacity:.5;animation:ecoute-halo 2s ease-out infinite}@keyframes ecoute-halo{0%{transform:scale(.7);opacity:.55}to{transform:scale(1.25);opacity:0}}@media (max-width: 560px){.sonar-carte{flex-direction:column;align-items:flex-start;gap:12px}.sonar-go{width:100%;text-align:center}.sonar-fiche{width:100%}}.sonar-attente{margin:0;color:var(--muted);font-size:.92rem}.sonar-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:Bebas Neue,Inter,sans-serif;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink);border:1px solid var(--accent-dim);border-radius:12px;background:var(--panel-2);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.sonar-cta:hover{border-color:var(--accent);background:var(--panel-3);box-shadow:0 0 0 3px var(--accent-glow-dim);transform:translateY(-1px)}.sonar-cta:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--accent-bright-rgb),.55)}.sonar-cta.active{border-color:var(--accent);background:var(--accent-glow-soft)}.sonar-cta-label{line-height:1;font-size:1.42em}.sonar-cta-icon{display:inline-flex}.sonar-cta-cible{opacity:.34}.sonar-cta-cible--2{opacity:.2}.sonar-cta:hover .sonar-cta-cible{opacity:.5}.sonar-cta:hover .sonar-cta-cible--2{opacity:.32}.sonar-cta-onde{opacity:0;transform-origin:12px 12px;animation:sonar-onde 3.6s cubic-bezier(.16,.72,.32,1) infinite}.sonar-cta-onde--1{animation-delay:.05s}.sonar-cta-onde--2{animation-delay:.22s}.sonar-cta-onde--3{animation-delay:.39s}@keyframes sonar-onde{0%{opacity:0;transform:scale(.28);stroke-width:2.1px}8%{opacity:.95}46%{opacity:0;transform:scale(1.06);stroke-width:.7px}to{opacity:0;transform:scale(1.06);stroke-width:.7px}}.sonar-cta-point{transform-origin:12px 12px;animation:sonar-point 3.6s cubic-bezier(.34,1.3,.64,1) infinite}@keyframes sonar-point{0%{transform:scale(1);opacity:.85}3%{transform:scale(.62);opacity:1}10%{transform:scale(1.3)}26%{transform:scale(1);opacity:.85}to{transform:scale(1);opacity:.85}}.sonar-cta-blip{opacity:0;transform-origin:18.1px 6.4px;animation:sonar-blip 3.6s ease-out infinite}@keyframes sonar-blip{0%,30%{opacity:0;transform:scale(.3)}36%{opacity:1;transform:scale(1.15)}44%{opacity:.9;transform:scale(1)}62%{opacity:0;transform:scale(1)}to{opacity:0;transform:scale(1)}}.sonar-cta:hover .sonar-cta-onde,.sonar-cta:hover .sonar-cta-point,.sonar-cta:hover .sonar-cta-blip{animation-duration:1.6s}.sonar-cta.active .sonar-cta-onde,.sonar-cta.active .sonar-cta-point,.sonar-cta.active .sonar-cta-blip{animation-duration:2.2s}.topbar-sonar-cta{padding:6px 14px;font-size:.78rem;min-height:34px}@media (prefers-reduced-motion: reduce){.sonar-cta{transition:none}.sonar-cta:hover{transform:none}.sonar-cta-onde{animation:none;opacity:0}.sonar-cta-cible{opacity:.55}.sonar-cta-cible--2{opacity:.35}.sonar-cta-point{animation:none}.sonar-cta-blip{animation:none;opacity:.9}}@media (max-width: 640px){.topbar .topbar-sonar-cta{padding:6px 9px;min-height:32px}.topbar .topbar-sonar-cta .sonar-cta-label{display:none}.topbar .topbar-sonar-cta .sonar-cta-icon svg{width:18px;height:18px}}