:root{--ink-0:#070708;--ink-50:#0a0a0b;--ink-100:#131315;--ink-200:#1b1b1e;--ink-300:#26262a;--ink-400:#3a3a40;--ink-500:#5a5a62;--ink-600:#6e6e77;--ink-700:#a9a9b1;--ink-800:#d6d6db;--ink-900:#f2f2f3;--white:#fff;--paper-0:#e4e2dd;--paper-50:#eeede9;--paper-100:#f7f6f3;--paper-200:#fff;--paper-ink-1:#141414;--paper-ink-2:#55545a;--paper-ink-3:#86858b;--ember-0:#140705;--ember-100:#2a0d07;--ember-cream:#fff5ef;--signal-500:#ff5b1f;--signal-400:#ff7440;--signal-600:#e84a10;--ember-500:#ff6a1a;--ember-400:#ff8240;--ember-600:#e8560a;--ember-red:#e82814;--bloom-500:#d93a72;--bloom-400:#e24d82;--bloom-600:#c02e62;--green-500:#3ddc84;--green-700:#1f9d57;--amber-500:#ffb020;--amber-700:#c77700;--red-500:#ff4d4f;--red-700:#d9363e;--live-500:#ff3b5c;--live-700:#e5304f;--blue-500:#5aa9ff;--blue-700:#2f7ad9}
:root,[data-theme=signal]{--brand-name:"LISSN";--brand-direction:"Signal";--bg-app:var(--ink-50);--bg-app-image:none;--bg-surface:var(--ink-100);--bg-raised:var(--ink-200);--bg-sunken:var(--ink-0);--bg-hover:#ffffff0d;--bg-active:#ffffff17;--bg-overlay:#000000a3;--bg-floating:var(--ink-100);--surface-blur:0px;--fg-1:var(--ink-900);--fg-2:var(--ink-700);--fg-3:var(--ink-600);--fg-on-accent:var(--ink-50);--fg-inverse:var(--ink-50);--border-1:#ffffff14;--border-2:#ffffff29;--accent:var(--signal-500);--accent-hover:var(--signal-400);--accent-press:var(--signal-600);--accent-soft:#ff5b1f24;--status-approved:var(--green-500);--status-changes:var(--amber-500);--status-pending:var(--ink-600);--status-live:var(--live-500);--status-error:var(--red-500);--status-info:var(--blue-500);--wave-unplayed:#ffffff2e;--wave-played:var(--accent);--wave-heat:#ff5b1f80;--marker:var(--fg-1);--font-display:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-body:"Geist","Helvetica Neue",sans-serif;--font-mono:"Geist Mono",ui-monospace,monospace;--display-weight:800;--display-stretch:100%;--display-case:uppercase;--display-tracking:-.01em;--wordmark-tracking:.04em;--radius-xs:3px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-control:8px;--radius-pill:999px;--shadow-1:inset 0 1px 0 #ffffff0a,0 1px 2px #0006;--shadow-2:0 8px 24px #00000073;--shadow-3:0 24px 64px #0009;--focus-ring:0 0 0 2px var(--bg-app),0 0 0 4px var(--accent)}[data-theme=ember]{--brand-name:"LISSN";--brand-direction:"Ember";--bg-app:var(--ember-0);--bg-app-image:radial-gradient(110% 80% at 90% -10%,#ff6a1a80,transparent 55%),radial-gradient(90% 70% at -10% 110%,#e8281466,transparent 60%);--bg-surface:#fff0e60f;--bg-raised:#fff0e61c;--bg-sunken:#00000047;--bg-hover:#fff0e612;--bg-active:#fff0e621;--bg-overlay:#14070599;--bg-floating:#2a0d07;--surface-blur:24px;--fg-1:var(--ember-cream);--fg-2:#ffece2bd;--fg-3:#ffece285;--fg-on-accent:#1a0703;--fg-inverse:#1a0703;--border-1:#ffdcc81f;--border-2:#ffdcc83d;--accent:var(--ember-500);--accent-hover:var(--ember-400);--accent-press:var(--ember-600);--accent-soft:#ff6a1a33;--status-approved:var(--green-500);--status-changes:var(--amber-500);--status-pending:#ffece280;--status-live:var(--live-500);--status-error:var(--red-500);--status-info:var(--blue-500);--wave-unplayed:#ffece238;--wave-played:var(--ember-cream);--wave-heat:#ff824099;--marker:var(--accent);--font-display:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-body:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-mono:"DM Mono",ui-monospace,monospace;--display-weight:800;--display-stretch:100%;--display-case:uppercase;--display-tracking:-.02em;--wordmark-tracking:.02em;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-control:999px;--radius-pill:999px;--shadow-1:inset 0 1px 0 #fff0e61a;--shadow-2:inset 0 1px 0 #fff0e61f,0 12px 32px #14040066;--shadow-3:0 30px 80px #14040099;--focus-ring:0 0 0 2px var(--ember-0),0 0 0 4px var(--accent)}[data-theme=paper]{--brand-name:"LISSN";--brand-direction:"Daylight";--bg-app:var(--paper-50);--bg-app-image:none;--bg-surface:var(--paper-200);--bg-raised:var(--paper-100);--bg-sunken:var(--paper-0);--bg-hover:#1414140a;--bg-active:#14141414;--bg-overlay:#14141452;--bg-floating:var(--paper-200);--surface-blur:0px;--fg-1:var(--paper-ink-1);--fg-2:var(--paper-ink-2);--fg-3:var(--paper-ink-3);--fg-on-accent:#fff;--fg-inverse:#fff;--border-1:#14141414;--border-2:#14141429;--accent:var(--bloom-500);--accent-hover:var(--bloom-400);--accent-press:var(--bloom-600);--accent-soft:#d93a721a;--status-approved:var(--green-700);--status-changes:var(--amber-700);--status-pending:var(--paper-ink-3);--status-live:var(--live-700);--status-error:var(--red-700);--status-info:var(--blue-700);--wave-unplayed:#14141426;--wave-played:var(--accent);--wave-heat:#d93a7259;--marker:var(--paper-ink-1);--font-display:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-body:"Figtree","Helvetica Neue",sans-serif;--font-mono:"DM Mono",ui-monospace,monospace;--display-weight:700;--display-stretch:100%;--display-case:none;--display-tracking:-.03em;--wordmark-tracking:-.04em;--radius-xs:8px;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-xl:36px;--radius-control:999px;--radius-pill:999px;--shadow-1:0 1px 2px #1e140a0d;--shadow-2:0 1px 2px #1e140a0a,0 10px 30px #1e140a12;--shadow-3:0 30px 80px #1e140a29;--focus-ring:0 0 0 2px var(--paper-50),0 0 0 4px var(--accent)}
[data-theme=tide]{--brand-name:"LISSN";--brand-direction:"Tide";--bg-app:#040a18;--bg-app-image:radial-gradient(110% 80% at 90% -10%,#2e7cff8c,transparent 55%),radial-gradient(90% 70% at -10% 110%,#00beff52,transparent 60%);--bg-surface:#eef4ff0f;--bg-raised:#eef4ff1c;--bg-sunken:#00000047;--bg-hover:#eef4ff12;--bg-active:#eef4ff21;--bg-overlay:#040a1899;--bg-floating:#0b1a33;--surface-blur:24px;--fg-1:#eef4ff;--fg-2:#eef4ffbd;--fg-3:#eef4ff85;--fg-on-accent:#030a1a;--fg-inverse:#030a1a;--border-1:#eef4ff1f;--border-2:#eef4ff3d;--accent:#4c8dff;--accent-hover:#6fa3ff;--accent-press:#2f74f0;--accent-soft:#4c8dff33;--status-approved:var(--green-500);--status-changes:var(--amber-500);--status-pending:#eef4ff80;--status-live:var(--live-500);--status-error:var(--red-500);--status-info:var(--blue-500);--wave-unplayed:#eef4ff38;--wave-played:#eef4ff;--wave-heat:#4c8dff99;--marker:var(--accent);--font-display:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-body:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-mono:"DM Mono",ui-monospace,monospace;--display-weight:800;--display-stretch:100%;--display-case:uppercase;--display-tracking:-.02em;--wordmark-tracking:.02em;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-control:999px;--radius-pill:999px;--shadow-1:inset 0 1px 0 #eef4ff1a;--shadow-2:inset 0 1px 0 #eef4ff1f,0 12px 32px #0006;--shadow-3:0 30px 80px #0009;--focus-ring:0 0 0 2px #040a18,0 0 0 4px var(--accent)}[data-theme=lagoon]{--brand-name:"LISSN";--brand-direction:"Lagoon";--bg-app:#021212;--bg-app-image:radial-gradient(110% 80% at 90% -10%,#00d2be6b,transparent 55%),radial-gradient(90% 70% at -10% 110%,#3c78ff52,transparent 60%);--bg-surface:#ecfffc0f;--bg-raised:#ecfffc1c;--bg-sunken:#00000047;--bg-hover:#ecfffc12;--bg-active:#ecfffc21;--bg-overlay:#02121299;--bg-floating:#072523;--surface-blur:24px;--fg-1:#ecfffc;--fg-2:#ecfffcbd;--fg-3:#ecfffc85;--fg-on-accent:#021412;--fg-inverse:#021412;--border-1:#ecfffc1f;--border-2:#ecfffc3d;--accent:#2fe0c8;--accent-hover:#5ce9d6;--accent-press:#14c7af;--accent-soft:#2fe0c833;--status-approved:var(--green-500);--status-changes:var(--amber-500);--status-pending:#ecfffc80;--status-live:var(--live-500);--status-error:var(--red-500);--status-info:var(--blue-500);--wave-unplayed:#ecfffc38;--wave-played:#ecfffc;--wave-heat:#2fe0c899;--marker:var(--accent);--font-display:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-body:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-mono:"DM Mono",ui-monospace,monospace;--display-weight:800;--display-stretch:100%;--display-case:uppercase;--display-tracking:-.02em;--wordmark-tracking:.02em;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-control:999px;--radius-pill:999px;--shadow-1:inset 0 1px 0 #ecfffc1a;--shadow-2:inset 0 1px 0 #ecfffc1f,0 12px 32px #0006;--shadow-3:0 30px 80px #0009;--focus-ring:0 0 0 2px #021212,0 0 0 4px var(--accent)}[data-theme=moss]{--brand-name:"LISSN";--brand-direction:"Moss";--bg-app:#04110a;--bg-app-image:radial-gradient(110% 80% at 90% -10%,#3cc86e6b,transparent 55%),radial-gradient(90% 70% at -10% 110%,#aae63c47,transparent 60%);--bg-surface:#f0fbef0f;--bg-raised:#f0fbef1c;--bg-sunken:#00000047;--bg-hover:#f0fbef12;--bg-active:#f0fbef21;--bg-overlay:#04110a99;--bg-floating:#0c2414;--surface-blur:24px;--fg-1:#f0fbef;--fg-2:#f0fbefbd;--fg-3:#f0fbef85;--fg-on-accent:#071405;--fg-inverse:#071405;--border-1:#f0fbef1f;--border-2:#f0fbef3d;--accent:#a6ec5c;--accent-hover:#bbf27e;--accent-press:#8fd940;--accent-soft:#a6ec5c33;--status-approved:var(--green-500);--status-changes:var(--amber-500);--status-pending:#f0fbef80;--status-live:var(--live-500);--status-error:var(--red-500);--status-info:var(--blue-500);--wave-unplayed:#f0fbef38;--wave-played:#f0fbef;--wave-heat:#a6ec5c99;--marker:var(--accent);--font-display:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-body:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-mono:"DM Mono",ui-monospace,monospace;--display-weight:800;--display-stretch:100%;--display-case:uppercase;--display-tracking:-.02em;--wordmark-tracking:.02em;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-control:999px;--radius-pill:999px;--shadow-1:inset 0 1px 0 #f0fbef1a;--shadow-2:inset 0 1px 0 #f0fbef1f,0 12px 32px #0006;--shadow-3:0 30px 80px #0009;--focus-ring:0 0 0 2px #04110a,0 0 0 4px var(--accent)}[data-theme=solar]{--brand-name:"LISSN";--brand-direction:"Solar";--bg-app:#141003;--bg-app-image:radial-gradient(110% 80% at 90% -10%,#ffc8287a,transparent 55%),radial-gradient(90% 70% at -10% 110%,#ff96144d,transparent 60%);--bg-surface:#fff9ea0f;--bg-raised:#fff9ea1c;--bg-sunken:#00000047;--bg-hover:#fff9ea12;--bg-active:#fff9ea21;--bg-overlay:#14100399;--bg-floating:#2a2108;--surface-blur:24px;--fg-1:#fff9ea;--fg-2:#fff9eabd;--fg-3:#fff9ea85;--fg-on-accent:#1a1402;--fg-inverse:#1a1402;--border-1:#fff9ea1f;--border-2:#fff9ea3d;--accent:#ffc93c;--accent-hover:#ffd666;--accent-press:#f0b417;--accent-soft:#ffc93c33;--status-approved:var(--green-500);--status-changes:#ff8a3d;--status-pending:#fff9ea80;--status-live:var(--live-500);--status-error:var(--red-500);--status-info:var(--blue-500);--wave-unplayed:#fff9ea38;--wave-played:#fff9ea;--wave-heat:#ffc93c99;--marker:var(--accent);--font-display:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-body:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-mono:"DM Mono",ui-monospace,monospace;--display-weight:800;--display-stretch:100%;--display-case:uppercase;--display-tracking:-.02em;--wordmark-tracking:.02em;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-control:999px;--radius-pill:999px;--shadow-1:inset 0 1px 0 #fff9ea1a;--shadow-2:inset 0 1px 0 #fff9ea1f,0 12px 32px #0006;--shadow-3:0 30px 80px #0009;--focus-ring:0 0 0 2px #141003,0 0 0 4px var(--accent)}[data-theme=dusk]{--brand-name:"LISSN";--brand-direction:"Dusk";--bg-app:#0e0618;--bg-app-image:radial-gradient(110% 80% at 90% -10%,#9650ff80,transparent 55%),radial-gradient(90% 70% at -10% 110%,#ff46aa52,transparent 60%);--bg-surface:#f6f0ff0f;--bg-raised:#f6f0ff1c;--bg-sunken:#00000047;--bg-hover:#f6f0ff12;--bg-active:#f6f0ff21;--bg-overlay:#0e061899;--bg-floating:#1e0f33;--surface-blur:24px;--fg-1:#f6f0ff;--fg-2:#f6f0ffbd;--fg-3:#f6f0ff85;--fg-on-accent:#12061f;--fg-inverse:#12061f;--border-1:#f6f0ff1f;--border-2:#f6f0ff3d;--accent:#b07cff;--accent-hover:#c49bff;--accent-press:#9a5cf5;--accent-soft:#b07cff33;--status-approved:var(--green-500);--status-changes:var(--amber-500);--status-pending:#f6f0ff80;--status-live:var(--live-500);--status-error:var(--red-500);--status-info:var(--blue-500);--wave-unplayed:#f6f0ff38;--wave-played:#f6f0ff;--wave-heat:#b07cff99;--marker:var(--accent);--font-display:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-body:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-mono:"DM Mono",ui-monospace,monospace;--display-weight:800;--display-stretch:100%;--display-case:uppercase;--display-tracking:-.02em;--wordmark-tracking:.02em;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-control:999px;--radius-pill:999px;--shadow-1:inset 0 1px 0 #f6f0ff1a;--shadow-2:inset 0 1px 0 #f6f0ff1f,0 12px 32px #0006;--shadow-3:0 30px 80px #0009;--focus-ring:0 0 0 2px #0e0618,0 0 0 4px var(--accent)}
[data-theme=noir]{--brand-name:"LISSN";--brand-direction:"Noir";--bg-app:#0b0605;--bg-app-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(140% 100% at 50% 50%,transparent 45%,#0000008c 100%),radial-gradient(90% 70% at 85% -10%,var(--glow-1),transparent 60%),radial-gradient(80% 70% at -10% 110%,var(--glow-2),transparent 62%);--glow-1:#96261461;--glow-2:#5a122257;--bg-surface:#f4e2d60b;--bg-raised:#f4e2d614;--bg-sunken:#00000061;--bg-hover:#f4e2d60d;--bg-active:#f4e2d61a;--bg-overlay:#0b0605b3;--bg-floating:#1c0d0a;--surface-blur:28px;--fg-1:#f4e2d6;--fg-2:#f4e2d6b3;--fg-3:#f4e2d680;--fg-on-accent:#170704;--fg-inverse:#170704;--border-1:#f4e2d614;--border-2:#f4e2d62e;--accent:#e0663a;--accent-hover:#ea7c55;--accent-press:#c9552b;--accent-soft:#e0663a29;--status-approved:#7bc89a;--status-changes:#e2a95a;--status-pending:#f4e2d673;--status-live:#e8607a;--status-error:#e06a6a;--status-info:#86a9e8;--wave-unplayed:#f4e2d629;--wave-played:#f4e2d6eb;--wave-heat:#e0663a8c;--marker:var(--accent);--font-display:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-body:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-mono:"DM Mono",ui-monospace,monospace;--display-weight:800;--display-stretch:100%;--display-case:uppercase;--display-tracking:-.02em;--wordmark-tracking:.02em;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-control:999px;--radius-pill:999px;--shadow-1:inset 0 1px 0 #f4e2d612,inset 0 -1px 0 #00000059,0 1px 2px #0006;--shadow-2:inset 0 1px 0 #f4e2d617,0 18px 40px #0000008c;--shadow-3:inset 0 1px 0 #f4e2d614,0 40px 100px #000000bf;--focus-ring:0 0 0 2px #0b0605,0 0 0 4px var(--accent)}[data-theme=midnight]{--brand-name:"LISSN";--brand-direction:"Midnight";--bg-app:#05070e;--bg-app-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(140% 100% at 50% 50%,transparent 45%,#0000008c 100%),radial-gradient(90% 70% at 85% -10%,var(--glow-1),transparent 60%),radial-gradient(80% 70% at -10% 110%,var(--glow-2),transparent 62%);--glow-1:#2a48a061;--glow-2:#16286061;--bg-surface:#dee6f80b;--bg-raised:#dee6f814;--bg-sunken:#00000061;--bg-hover:#dee6f80d;--bg-active:#dee6f81a;--bg-overlay:#05070eb3;--bg-floating:#0d1322;--surface-blur:28px;--fg-1:#dee6f8;--fg-2:#dee6f8b3;--fg-3:#dee6f880;--fg-on-accent:#060b1c;--fg-inverse:#060b1c;--border-1:#dee6f814;--border-2:#dee6f82e;--accent:#7fa2f0;--accent-hover:#99b5f4;--accent-press:#6489de;--accent-soft:#7fa2f029;--status-approved:#7bc89a;--status-changes:#e2a95a;--status-pending:#dee6f873;--status-live:#e8607a;--status-error:#e06a6a;--status-info:#86a9e8;--wave-unplayed:#dee6f829;--wave-played:#dee6f8eb;--wave-heat:#7fa2f08c;--marker:var(--accent);--font-display:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-body:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-mono:"DM Mono",ui-monospace,monospace;--display-weight:800;--display-stretch:100%;--display-case:uppercase;--display-tracking:-.02em;--wordmark-tracking:.02em;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-control:999px;--radius-pill:999px;--shadow-1:inset 0 1px 0 #dee6f812,inset 0 -1px 0 #00000059,0 1px 2px #0006;--shadow-2:inset 0 1px 0 #dee6f817,0 18px 40px #0000008c;--shadow-3:inset 0 1px 0 #dee6f814,0 40px 100px #000000bf;--focus-ring:0 0 0 2px #05070e,0 0 0 4px var(--accent)}[data-theme=abyss]{--brand-name:"LISSN";--brand-direction:"Abyss";--bg-app:#030b0c;--bg-app-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(140% 100% at 50% 50%,transparent 45%,#0000008c 100%),radial-gradient(90% 70% at 85% -10%,var(--glow-1),transparent 60%),radial-gradient(80% 70% at -10% 110%,var(--glow-2),transparent 62%);--glow-1:#12686857;--glow-2:#10305257;--bg-surface:#d6eeea0b;--bg-raised:#d6eeea14;--bg-sunken:#00000061;--bg-hover:#d6eeea0d;--bg-active:#d6eeea1a;--bg-overlay:#030b0cb3;--bg-floating:#0a1a1b;--surface-blur:28px;--fg-1:#d6eeea;--fg-2:#d6eeeab3;--fg-3:#d6eeea80;--fg-on-accent:#031110;--fg-inverse:#031110;--border-1:#d6eeea14;--border-2:#d6eeea2e;--accent:#5fc7b8;--accent-hover:#7dd3c6;--accent-press:#47b2a3;--accent-soft:#5fc7b829;--status-approved:#7bc89a;--status-changes:#e2a95a;--status-pending:#d6eeea73;--status-live:#e8607a;--status-error:#e06a6a;--status-info:#86a9e8;--wave-unplayed:#d6eeea29;--wave-played:#d6eeeaeb;--wave-heat:#5fc7b88c;--marker:var(--accent);--font-display:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-body:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-mono:"DM Mono",ui-monospace,monospace;--display-weight:800;--display-stretch:100%;--display-case:uppercase;--display-tracking:-.02em;--wordmark-tracking:.02em;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-control:999px;--radius-pill:999px;--shadow-1:inset 0 1px 0 #d6eeea12,inset 0 -1px 0 #00000059,0 1px 2px #0006;--shadow-2:inset 0 1px 0 #d6eeea17,0 18px 40px #0000008c;--shadow-3:inset 0 1px 0 #d6eeea14,0 40px 100px #000000bf;--focus-ring:0 0 0 2px #030b0c,0 0 0 4px var(--accent)}[data-theme=forest]{--brand-name:"LISSN";--brand-direction:"Forest";--bg-app:#050a06;--bg-app-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(140% 100% at 50% 50%,transparent 45%,#0000008c 100%),radial-gradient(90% 70% at 85% -10%,var(--glow-1),transparent 60%),radial-gradient(80% 70% at -10% 110%,var(--glow-2),transparent 62%);--glow-1:#24603057;--glow-2:#4e561c47;--bg-surface:#e2ecda0b;--bg-raised:#e2ecda14;--bg-sunken:#00000061;--bg-hover:#e2ecda0d;--bg-active:#e2ecda1a;--bg-overlay:#050a06b3;--bg-floating:#0e1810;--surface-blur:28px;--fg-1:#e2ecda;--fg-2:#e2ecdab3;--fg-3:#e2ecda80;--fg-on-accent:#081105;--fg-inverse:#081105;--border-1:#e2ecda14;--border-2:#e2ecda2e;--accent:#9cc77a;--accent-hover:#b0d493;--accent-press:#86b263;--accent-soft:#9cc77a29;--status-approved:#7bc89a;--status-changes:#e2a95a;--status-pending:#e2ecda73;--status-live:#e8607a;--status-error:#e06a6a;--status-info:#86a9e8;--wave-unplayed:#e2ecda29;--wave-played:#e2ecdaeb;--wave-heat:#9cc77a8c;--marker:var(--accent);--font-display:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-body:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-mono:"DM Mono",ui-monospace,monospace;--display-weight:800;--display-stretch:100%;--display-case:uppercase;--display-tracking:-.02em;--wordmark-tracking:.02em;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-control:999px;--radius-pill:999px;--shadow-1:inset 0 1px 0 #e2ecda12,inset 0 -1px 0 #00000059,0 1px 2px #0006;--shadow-2:inset 0 1px 0 #e2ecda17,0 18px 40px #0000008c;--shadow-3:inset 0 1px 0 #e2ecda14,0 40px 100px #000000bf;--focus-ring:0 0 0 2px #050a06,0 0 0 4px var(--accent)}[data-theme=amber]{--brand-name:"LISSN";--brand-direction:"Amber";--bg-app:#0c0904;--bg-app-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(140% 100% at 50% 50%,transparent 45%,#0000008c 100%),radial-gradient(90% 70% at 85% -10%,var(--glow-1),transparent 60%),radial-gradient(80% 70% at -10% 110%,var(--glow-2),transparent 62%);--glow-1:#a66a1457;--glow-2:#6a2e0e4d;--bg-surface:#f4e8d00b;--bg-raised:#f4e8d014;--bg-sunken:#00000061;--bg-hover:#f4e8d00d;--bg-active:#f4e8d01a;--bg-overlay:#0c0904b3;--bg-floating:#1a140b;--surface-blur:28px;--fg-1:#f4e8d0;--fg-2:#f4e8d0b3;--fg-3:#f4e8d080;--fg-on-accent:#1a1203;--fg-inverse:#1a1203;--border-1:#f4e8d014;--border-2:#f4e8d02e;--accent:#e3b157;--accent-hover:#ebc172;--accent-press:#cc9a40;--accent-soft:#e3b15729;--status-approved:#7bc89a;--status-changes:#e2a95a;--status-pending:#f4e8d073;--status-live:#e8607a;--status-error:#e06a6a;--status-info:#86a9e8;--wave-unplayed:#f4e8d029;--wave-played:#f4e8d0eb;--wave-heat:#e3b1578c;--marker:var(--accent);--font-display:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-body:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-mono:"DM Mono",ui-monospace,monospace;--display-weight:800;--display-stretch:100%;--display-case:uppercase;--display-tracking:-.02em;--wordmark-tracking:.02em;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-control:999px;--radius-pill:999px;--shadow-1:inset 0 1px 0 #f4e8d012,inset 0 -1px 0 #00000059,0 1px 2px #0006;--shadow-2:inset 0 1px 0 #f4e8d017,0 18px 40px #0000008c;--shadow-3:inset 0 1px 0 #f4e8d014,0 40px 100px #000000bf;--focus-ring:0 0 0 2px #0c0904,0 0 0 4px var(--accent)}[data-theme=velvet]{--brand-name:"LISSN";--brand-direction:"Velvet";--bg-app:#0a0610;--bg-app-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(140% 100% at 50% 50%,transparent 45%,#0000008c 100%),radial-gradient(90% 70% at 85% -10%,var(--glow-1),transparent 60%),radial-gradient(80% 70% at -10% 110%,var(--glow-2),transparent 62%);--glow-1:#62289461;--glow-2:#7e1c4e4d;--bg-surface:#ece2f60b;--bg-raised:#ece2f614;--bg-sunken:#00000061;--bg-hover:#ece2f60d;--bg-active:#ece2f61a;--bg-overlay:#0a0610b3;--bg-floating:#170f21;--surface-blur:28px;--fg-1:#ece2f6;--fg-2:#ece2f6b3;--fg-3:#ece2f680;--fg-on-accent:#120720;--fg-inverse:#120720;--border-1:#ece2f614;--border-2:#ece2f62e;--accent:#b596e6;--accent-hover:#c6adec;--accent-press:#9e7dd4;--accent-soft:#b596e629;--status-approved:#7bc89a;--status-changes:#e2a95a;--status-pending:#ece2f673;--status-live:#e8607a;--status-error:#e06a6a;--status-info:#86a9e8;--wave-unplayed:#ece2f629;--wave-played:#ece2f6eb;--wave-heat:#b596e68c;--marker:var(--accent);--font-display:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-body:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-mono:"DM Mono",ui-monospace,monospace;--display-weight:800;--display-stretch:100%;--display-case:uppercase;--display-tracking:-.02em;--wordmark-tracking:.02em;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-control:999px;--radius-pill:999px;--shadow-1:inset 0 1px 0 #ece2f612,inset 0 -1px 0 #00000059,0 1px 2px #0006;--shadow-2:inset 0 1px 0 #ece2f617,0 18px 40px #0000008c;--shadow-3:inset 0 1px 0 #ece2f614,0 40px 100px #000000bf;--focus-ring:0 0 0 2px #0a0610,0 0 0 4px var(--accent)}
[data-theme=reel]{--brand-name:"LISSN";--brand-direction:"Reel";--bg-app:#0a0908;--bg-app-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(150% 110% at 50% 45%,transparent 40%,#000000b3 100%),radial-gradient(80% 60% at 88% -8%,#d6782c4d,transparent 62%),radial-gradient(70% 60% at -8% 108%,#7826184d,transparent 64%);--film-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--film-grain-opacity:.55;--bg-surface:#ece2cf0a;--bg-raised:#ece2cf13;--bg-sunken:#0000006b;--bg-hover:#ece2cf0d;--bg-active:#ece2cf17;--bg-overlay:#0a0908bd;--bg-floating:#16120e;--surface-blur:20px;--fg-1:#ece2cf;--fg-2:#ece2cfb3;--fg-3:#ece2cf7a;--fg-on-accent:#160d03;--fg-inverse:#160d03;--border-1:#ece2cf17;--border-2:#ece2cf33;--accent:#e8a54b;--accent-hover:#efb867;--accent-press:#d08f36;--accent-soft:#e8a54b26;--accent-halation:0 0 18px #e8a54b73,0 0 2px #e8a54b99;--status-approved:#9dbe84;--status-changes:#e8a54b;--status-pending:#ece2cf73;--status-live:#e0604a;--status-error:#e0604a;--status-info:#8fa9c9;--wave-unplayed:#ece2cf26;--wave-played:#ece2cf;--wave-heat:#e8a54b8c;--marker:var(--accent);--font-display:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-body:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-mono:"DM Mono",ui-monospace,monospace;--display-weight:800;--display-stretch:100%;--display-case:uppercase;--display-tracking:-.015em;--wordmark-tracking:.02em;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-control:999px;--radius-pill:999px;--shadow-1:inset 0 1px 0 #ece2cf0f,inset 0 -1px 0 #0006,0 1px 2px #00000080;--shadow-2:inset 0 1px 0 #ece2cf14,0 20px 50px #0009;--shadow-3:inset 0 1px 0 #ece2cf12,0 40px 110px #000c;--focus-ring:0 0 0 2px #0a0908,0 0 0 4px var(--accent)}[data-theme=nitrate]{--brand-name:"LISSN";--brand-direction:"Nitrate";--bg-app:#060a0a;--bg-app-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(150% 110% at 50% 45%,transparent 40%,#000000b3 100%),radial-gradient(80% 60% at 88% -8%,#1c707057,transparent 62%),radial-gradient(70% 60% at -8% 108%,#d668303d,transparent 64%);--film-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--film-grain-opacity:.55;--bg-surface:#e6e4da0a;--bg-raised:#e6e4da13;--bg-sunken:#0000006b;--bg-hover:#e6e4da0d;--bg-active:#e6e4da17;--bg-overlay:#060a0abd;--bg-floating:#0c1414;--surface-blur:20px;--fg-1:#e6e4da;--fg-2:#e6e4dab3;--fg-3:#e6e4da7a;--fg-on-accent:#170802;--fg-inverse:#170802;--border-1:#e6e4da17;--border-2:#e6e4da33;--accent:#e7834a;--accent-hover:#ee9a67;--accent-press:#cf6e36;--accent-soft:#e7834a26;--accent-halation:0 0 18px #e7834a73,0 0 2px #e7834a99;--status-approved:#86c2a4;--status-changes:#e3b064;--status-pending:#e6e4da73;--status-live:#e35c5c;--status-error:#e35c5c;--status-info:#8fa9c9;--wave-unplayed:#e6e4da26;--wave-played:#e6e4da;--wave-heat:#e7834a8c;--marker:var(--accent);--font-display:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-body:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-mono:"DM Mono",ui-monospace,monospace;--display-weight:800;--display-stretch:100%;--display-case:uppercase;--display-tracking:-.015em;--wordmark-tracking:.02em;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-control:999px;--radius-pill:999px;--shadow-1:inset 0 1px 0 #e6e4da0f,inset 0 -1px 0 #0006,0 1px 2px #00000080;--shadow-2:inset 0 1px 0 #e6e4da14,0 20px 50px #0009;--shadow-3:inset 0 1px 0 #e6e4da12,0 40px 110px #000c;--focus-ring:0 0 0 2px #060a0a,0 0 0 4px var(--accent)}[data-theme=super8]{--brand-name:"LISSN";--brand-direction:"Super 8";--bg-app:#0c0807;--bg-app-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(150% 110% at 50% 45%,transparent 40%,#000000b3 100%),radial-gradient(80% 60% at 88% -8%,#b0342652,transparent 62%),radial-gradient(70% 60% at -8% 108%,#c4924038,transparent 64%);--film-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--film-grain-opacity:.55;--bg-surface:#f0e0c80a;--bg-raised:#f0e0c813;--bg-sunken:#0000006b;--bg-hover:#f0e0c80d;--bg-active:#f0e0c817;--bg-overlay:#0c0807bd;--bg-floating:#181010;--surface-blur:20px;--fg-1:#f0e0c8;--fg-2:#f0e0c8b3;--fg-3:#f0e0c87a;--fg-on-accent:#fff3e6;--fg-inverse:#fff3e6;--border-1:#f0e0c817;--border-2:#f0e0c833;--accent:#d9553f;--accent-hover:#e26e5a;--accent-press:#c0442f;--accent-soft:#d9553f26;--accent-halation:0 0 18px #d9553f73,0 0 2px #d9553f99;--status-approved:#a7bc7e;--status-changes:#e0aa5a;--status-pending:#f0e0c873;--status-live:#f07a4a;--status-error:#f07a4a;--status-info:#8fa9c9;--wave-unplayed:#f0e0c826;--wave-played:#f0e0c8;--wave-heat:#d9553f8c;--marker:var(--accent);--font-display:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-body:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-mono:"DM Mono",ui-monospace,monospace;--display-weight:800;--display-stretch:100%;--display-case:uppercase;--display-tracking:-.015em;--wordmark-tracking:.02em;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-control:999px;--radius-pill:999px;--shadow-1:inset 0 1px 0 #f0e0c80f,inset 0 -1px 0 #0006,0 1px 2px #00000080;--shadow-2:inset 0 1px 0 #f0e0c814,0 20px 50px #0009;--shadow-3:inset 0 1px 0 #f0e0c812,0 40px 110px #000c;--focus-ring:0 0 0 2px #0c0807,0 0 0 4px var(--accent)}[data-theme=silver]{--brand-name:"LISSN";--brand-direction:"Silver";--bg-app:#0a0a0a;--bg-app-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(150% 110% at 50% 45%,transparent 40%,#000000b3 100%),radial-gradient(80% 60% at 88% -8%,#fff8eb12,transparent 62%),radial-gradient(70% 60% at -8% 108%,#fff8eb0d,transparent 64%);--film-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--film-grain-opacity:.55;--bg-surface:#e8e5de0a;--bg-raised:#e8e5de13;--bg-sunken:#0000006b;--bg-hover:#e8e5de0d;--bg-active:#e8e5de17;--bg-overlay:#0a0a0abd;--bg-floating:#141414;--surface-blur:20px;--fg-1:#e8e5de;--fg-2:#e8e5deb3;--fg-3:#e8e5de7a;--fg-on-accent:#0a0a0a;--fg-inverse:#0a0a0a;--border-1:#e8e5de17;--border-2:#e8e5de33;--accent:#ece7dc;--accent-hover:#f6f2ea;--accent-press:#d6d0c3;--accent-soft:#ece7dc26;--accent-halation:0 0 18px #ece7dc73,0 0 2px #ece7dc99;--status-approved:#b7c9a8;--status-changes:#d8be8c;--status-pending:#e8e5de73;--status-live:#e07a6e;--status-error:#e07a6e;--status-info:#8fa9c9;--wave-unplayed:#e8e5de26;--wave-played:#e8e5de;--wave-heat:#ece7dc8c;--marker:var(--accent);--font-display:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-body:"Hanken Grotesk","Helvetica Neue",sans-serif;--font-mono:"DM Mono",ui-monospace,monospace;--display-weight:800;--display-stretch:100%;--display-case:uppercase;--display-tracking:-.015em;--wordmark-tracking:.02em;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-control:999px;--radius-pill:999px;--shadow-1:inset 0 1px 0 #e8e5de0f,inset 0 -1px 0 #0006,0 1px 2px #00000080;--shadow-2:inset 0 1px 0 #e8e5de14,0 20px 50px #0009;--shadow-3:inset 0 1px 0 #e8e5de12,0 40px 110px #000c;--focus-ring:0 0 0 2px #0a0a0a,0 0 0 4px var(--accent)}
:root{--text-display-xl:72px;--text-display-l:48px;--text-h1:32px;--text-h2:24px;--text-h3:18px;--text-body-l:17px;--text-body:15px;--text-body-sm:13px;--text-caption:12px;--text-micro:11px;--text-mono:13px;--text-mono-sm:11px;--leading-tight:.95;--leading-snug:1.2;--leading-body:1.5;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-eyebrow:.08em;--tracking-mono:.02em}
:root{--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--control-sm:28px;--control-md:36px;--control-lg:44px;--sidebar-w:240px;--player-h:72px;--content-max:1200px;--ease-out:cubic-bezier(.2,.8,.2,1);--ease-in-out:cubic-bezier(.6,0,.2,1);--dur-fast:.12s;--dur-med:.2s;--dur-slow:.36s}
*,:before,:after{box-sizing:border-box}html,body{margin:0}body,[data-theme]{background-color:var(--bg-app);background-image:var(--bg-app-image);color:var(--fg-1);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;background-size:220px 220px,cover,cover,cover}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}::selection{background:var(--accent);color:var(--fg-on-accent)}[data-theme]{position:relative}body[data-theme]:after,html[data-theme] body:after{content:"";pointer-events:none;z-index:9999;background-image:var(--film-grain,none);opacity:var(--film-grain-opacity,0);mix-blend-mode:overlay;background-size:220px 220px;animation:1s steps(8,end) infinite fq-grain;position:fixed;inset:-50%}@keyframes fq-grain{0%{transform:translate(0)}12%{transform:translate(-3%,2%)}25%{transform:translate(2%,-4%)}37%{transform:translate(-4%,-1%)}50%{transform:translate(3%,3%)}62%{transform:translate(-1%,4%)}75%{transform:translate(4%,-2%)}87%{transform:translate(-2%,-3%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){body:after{animation:none}}.fq-halation{text-shadow:var(--accent-halation,none)}.fq-frame{position:relative}.fq-frame:before{content:"";pointer-events:none;background:linear-gradient(var(--fg-3),var(--fg-3)) top left/14px 1px no-repeat,linear-gradient(var(--fg-3),var(--fg-3)) top left/1px 14px no-repeat,linear-gradient(var(--fg-3),var(--fg-3)) top right/14px 1px no-repeat,linear-gradient(var(--fg-3),var(--fg-3)) top right/1px 14px no-repeat,linear-gradient(var(--fg-3),var(--fg-3)) bottom left/14px 1px no-repeat,linear-gradient(var(--fg-3),var(--fg-3)) bottom left/1px 14px no-repeat,linear-gradient(var(--fg-3),var(--fg-3)) bottom right/14px 1px no-repeat,linear-gradient(var(--fg-3),var(--fg-3)) bottom right/1px 14px no-repeat;opacity:.7;border:0;position:absolute;inset:10px}.fq-counter{font:500 var(--text-mono-sm)/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);font-variant-numeric:tabular-nums}
@property --accent{syntax:"<color>";inherits:true;initial-value:#7fa2f0}@property --glow-1{syntax:"<color>";inherits:true;initial-value:#0000}@property --glow-2{syntax:"<color>";inherits:true;initial-value:#0000}@property --bg-app{syntax:"<color>";inherits:true;initial-value:#05070e}[data-artwork]{transition:--accent .9s var(--ease-out),--glow-1 .9s var(--ease-out),--glow-2 .9s var(--ease-out),--bg-app .9s var(--ease-out)}.fq-icon{-webkit-mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat;background-color:currentColor;flex:none;display:inline-block}.fq-wordmark{font-family:var(--font-display);font-weight:var(--display-weight);font-stretch:var(--display-stretch);letter-spacing:var(--wordmark-tracking);color:var(--fg-1);white-space:nowrap;line-height:1}.fq-wordmark--auto:before{content:var(--brand-name)}.fq-display{font-family:var(--font-display);font-weight:var(--display-weight);font-stretch:var(--display-stretch);text-transform:var(--display-case);letter-spacing:var(--display-tracking);line-height:var(--leading-tight);margin:0}.fq-eyebrow{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--fg-3)}.fq-mono{font-family:var(--font-mono);font-size:var(--text-mono);letter-spacing:var(--tracking-mono);font-variant-numeric:tabular-nums}.fq-btn{height:var(--control-md);border-radius:var(--radius-control);font:600 14px/1 var(--font-body);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),color var(--dur-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.fq-btn:active:not(:disabled){transform:scale(.97)}.fq-btn:focus-visible,.fq-iconbtn:focus-visible,.fq-chip:focus-visible,.fq-seg__opt:focus-visible{box-shadow:var(--focus-ring);outline:none}.fq-btn:disabled{opacity:.4;cursor:not-allowed}.fq-btn--sm{height:var(--control-sm);gap:6px;padding:0 12px;font-size:13px}.fq-btn--lg{height:var(--control-lg);padding:0 22px;font-size:15px}.fq-btn--block{width:100%}.fq-btn--primary{background:var(--accent);color:var(--fg-on-accent)}.fq-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.fq-btn--primary:active:not(:disabled){background:var(--accent-press)}.fq-btn--secondary{background:var(--bg-raised);color:var(--fg-1);border-color:var(--border-1);-webkit-backdrop-filter:blur(var(--surface-blur));backdrop-filter:blur(var(--surface-blur))}.fq-btn--secondary:hover:not(:disabled){border-color:var(--border-2);background:var(--bg-active)}.fq-btn--ghost{color:var(--fg-2);background:0 0}.fq-btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--fg-1)}.fq-btn--inverse{background:var(--fg-1);color:var(--fg-inverse)}.fq-btn--inverse:hover:not(:disabled){opacity:.9}.fq-btn--approve{background:var(--status-approved);color:#06150c}.fq-btn--approve:hover:not(:disabled){filter:brightness(1.08)}.fq-btn--changes{color:var(--status-changes);border-color:color-mix(in oklab,var(--status-changes) 50%,transparent);background:0 0}.fq-btn--changes:hover:not(:disabled){background:color-mix(in oklab,var(--status-changes) 12%,transparent)}.fq-iconbtn{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-control);color:var(--fg-2);cursor:pointer;transition:background-color var(--dur-fast),color var(--dur-fast),transform var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;display:inline-flex}.fq-iconbtn:hover:not(:disabled){background:var(--bg-hover);color:var(--fg-1)}.fq-iconbtn:active:not(:disabled){transform:scale(.92)}.fq-iconbtn:disabled{opacity:.4;cursor:not-allowed}.fq-iconbtn--round{border-radius:999px}.fq-iconbtn--sm{width:var(--control-sm);height:var(--control-sm)}.fq-iconbtn--lg{width:var(--control-lg);height:var(--control-lg)}.fq-iconbtn--xl{width:56px;height:56px}.fq-iconbtn--solid{background:var(--bg-raised);border-color:var(--border-1);color:var(--fg-1)}.fq-iconbtn--solid:hover:not(:disabled){background:var(--bg-active)}.fq-iconbtn--accent{background:var(--accent);color:var(--fg-on-accent)}.fq-iconbtn--accent:hover:not(:disabled){background:var(--accent-hover);color:var(--fg-on-accent)}.fq-iconbtn--inverse{background:var(--fg-1);color:var(--fg-inverse)}.fq-iconbtn--inverse:hover:not(:disabled){background:var(--fg-1);color:var(--fg-inverse);opacity:.9}.fq-iconbtn--on{color:var(--accent)}.fq-badge{border-radius:var(--radius-pill);height:22px;font:500 var(--text-mono-sm)/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--c,var(--fg-2));background:color-mix(in oklab,var(--c,var(--fg-2)) 14%,transparent);align-items:center;gap:6px;padding:0 8px;display:inline-flex}.fq-badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.fq-badge--live .fq-badge__dot{animation:fq-pulse 1.4s var(--ease-in-out) infinite}@keyframes fq-pulse{0%,to{opacity:1}50%{opacity:.25}}.fq-chip{border-radius:var(--radius-pill);border:1px solid var(--border-1);background:var(--bg-surface);height:32px;color:var(--fg-2);font:500 13px/1 var(--font-body);cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(var(--surface-blur));backdrop-filter:blur(var(--surface-blur));transition:all var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:0 14px;display:inline-flex}.fq-chip:hover{color:var(--fg-1);border-color:var(--border-2)}.fq-chip--on{background:var(--fg-1);color:var(--fg-inverse);border-color:var(--fg-1)}.fq-chip--on:hover{color:var(--fg-inverse)}.fq-chip__count{font-family:var(--font-mono);opacity:.6;font-size:11px}.fq-avatar{font:600 12px/1 var(--font-body);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.fq-avatar--live{box-shadow:0 0 0 2px var(--bg-app),0 0 0 4px var(--status-live)}.fq-field{flex-direction:column;gap:6px;min-width:0;display:flex}.fq-field__label{font-size:var(--text-body-sm);color:var(--fg-2);font-weight:500}.fq-field__hint{font-size:var(--text-caption);color:var(--fg-3)}.fq-field--error .fq-field__hint{color:var(--status-error)}.fq-input{height:var(--control-md);border-radius:var(--radius-control);border:1px solid var(--border-1);background:var(--bg-sunken);color:var(--fg-3);transition:border-color var(--dur-fast),box-shadow var(--dur-fast);align-items:center;gap:8px;padding:0 12px;display:flex}.fq-input:hover{border-color:var(--border-2)}.fq-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.fq-field--error .fq-input{border-color:var(--status-error)}.fq-input input{min-width:0;height:100%;color:var(--fg-1);font:400 14px/1 var(--font-body);background:0 0;border:0;outline:0;flex:1}.fq-input input::placeholder{color:var(--fg-3)}.fq-input--lg{height:var(--control-lg);border-radius:var(--radius-control)}.fq-input--pill{border-radius:999px}.fq-switch{cursor:pointer;color:var(--fg-1);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:inline-flex}.fq-switch__track{background:var(--bg-active);border:1px solid var(--border-2);width:36px;height:20px;transition:background var(--dur-med) var(--ease-out);border-radius:999px;flex:none;position:relative}.fq-switch__thumb{background:var(--fg-2);width:14px;height:14px;transition:transform var(--dur-med) var(--ease-out),background var(--dur-med);border-radius:50%;position:absolute;top:2px;left:2px}.fq-switch--on .fq-switch__track{background:var(--accent);border-color:var(--accent)}.fq-switch--on .fq-switch__thumb{background:var(--fg-on-accent);transform:translate(16px)}.fq-switch--disabled{opacity:.4;cursor:not-allowed}.fq-check{cursor:pointer;color:var(--fg-1);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:inline-flex}.fq-check__box{border-radius:var(--radius-xs);border:1.5px solid var(--border-2);width:18px;height:18px;color:var(--fg-on-accent);transition:all var(--dur-fast);flex:none;justify-content:center;align-items:center;display:inline-flex}.fq-check--on .fq-check__box{background:var(--accent);border-color:var(--accent)}.fq-check--done .fq-check__label{color:var(--fg-3);text-decoration:line-through}.fq-seg{border-radius:calc(var(--radius-control) + 3px);background:var(--bg-sunken);border:1px solid var(--border-1);gap:2px;padding:3px;display:inline-flex}.fq-seg__opt{border-radius:var(--radius-control);height:28px;color:var(--fg-2);font:500 13px/1 var(--font-body);cursor:pointer;transition:all var(--dur-fast);background:0 0;border:0;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.fq-seg__opt:hover{color:var(--fg-1)}.fq-seg__opt--on{background:var(--bg-raised);color:var(--fg-1);box-shadow:var(--shadow-1)}.fq-card{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(var(--surface-blur));min-width:0}.fq-card--raised{background:var(--bg-raised);box-shadow:var(--shadow-2)}.fq-card--interactive{cursor:pointer;transition:border-color var(--dur-fast),transform var(--dur-med) var(--ease-out)}.fq-card--interactive:hover{border-color:var(--border-2)}.fq-card__head{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 0;display:flex}.fq-card__body{padding:16px 18px 18px}.fq-dialog-scrim{background:var(--bg-overlay);z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.fq-dialog-scrim--inline{border-radius:var(--radius-lg);padding:24px;position:relative;inset:auto}.fq-dialog{background:var(--bg-floating);border:1px solid var(--border-2);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-3);-webkit-backdrop-filter:blur(var(--surface-blur));backdrop-filter:blur(var(--surface-blur));flex-direction:column;gap:14px;padding:22px;display:flex}.fq-dialog__title{font:600 var(--text-h3)/1.25 var(--font-body);color:var(--fg-1);margin:0}.fq-dialog__body{color:var(--fg-2);font-size:14px}.fq-dialog__actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.fq-toast{border-radius:var(--radius-md);background:var(--bg-floating);border:1px solid var(--border-2);box-shadow:var(--shadow-2);max-width:380px;color:var(--fg-1);-webkit-backdrop-filter:blur(var(--surface-blur));backdrop-filter:blur(var(--surface-blur));align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.fq-toast__icon{width:28px;height:28px;color:var(--c);background:color-mix(in oklab,var(--c) 16%,transparent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.fq-toast__title{font-size:14px;font-weight:600;line-height:1.3}.fq-toast__body{color:var(--fg-2);margin-top:2px;font-size:13px;line-height:1.4}.fq-tip{display:inline-flex;position:relative}.fq-tip__bubble{border-radius:var(--radius-sm);background:var(--fg-1);color:var(--fg-inverse);font:500 12px/1.2 var(--font-body);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-fast),transform var(--dur-fast) var(--ease-out);z-index:10;padding:6px 9px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.fq-tip:hover .fq-tip__bubble,.fq-tip--open .fq-tip__bubble{opacity:1;transform:translate(-50%)}.fq-tip__kbd{font-family:var(--font-mono);opacity:.6;margin-left:6px}.fq-wave{align-items:center;gap:var(--wave-gap,2px);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;position:relative}.fq-wave__bar{background:var(--wave-unplayed);min-width:1px;transition:background var(--dur-fast);border-radius:2px;flex:1}.fq-wave__bar--played{background:var(--wave-played)}.fq-wave__heat{gap:1px;height:4px;display:flex;position:absolute;bottom:-8px;left:0;right:0}.fq-wave__heat span{background:var(--wave-heat);border-radius:1px;flex:1}.fq-wave__marker{background:var(--marker);border:2px solid var(--bg-surface);cursor:pointer;width:16px;height:16px;transition:transform var(--dur-fast) var(--ease-out);border-radius:50% 50% 50% 0;margin-left:-8px;position:absolute;top:-10px;transform:rotate(-45deg)}.fq-wave__marker:hover{transform:rotate(-45deg)scale(1.2)}.fq-wave__marker--resolved{background:var(--fg-3)}.fq-wave__marker--active{background:var(--accent)}.fq-wave__head{background:var(--fg-1);pointer-events:none;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.fq-scrub{background:var(--wave-unplayed);cursor:pointer;border-radius:999px;flex:1;height:4px;position:relative}.fq-scrub__fill{background:var(--wave-played);border-radius:999px;position:absolute;inset:0 auto 0 0}.fq-scrub__knob{background:var(--fg-1);opacity:0;width:12px;height:12px;transition:opacity var(--dur-fast);border-radius:50%;margin:-6px 0 0 -6px;position:absolute;top:50%}.fq-scrub:hover .fq-scrub__knob{opacity:1}.fq-row{border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast);grid-template-columns:28px 40px minmax(0,1fr) auto 56px 36px;align-items:center;gap:12px;padding:8px 10px;display:grid}.fq-row:hover{background:var(--bg-hover)}.fq-row--active{background:var(--bg-active)}.fq-row__idx{font:500 12px/1 var(--font-mono);color:var(--fg-3);text-align:center}.fq-row--active .fq-row__idx{color:var(--accent)}.fq-row__cover{border-radius:var(--radius-sm);width:40px;height:40px;font:500 9px/1 var(--font-mono);color:#ffffffb3;align-items:flex-end;padding:4px;display:flex}.fq-row__title{color:var(--fg-1);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.fq-row--active .fq-row__title{color:var(--accent)}.fq-row__sub{color:var(--fg-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.fq-row__dur{font:400 12px/1 var(--font-mono);color:var(--fg-3);text-align:right}.fq-versions{flex-wrap:wrap;gap:6px;display:flex}.fq-ver{border-radius:var(--radius-control);border:1px solid var(--border-1);background:var(--bg-surface);height:32px;color:var(--fg-2);cursor:pointer;font:500 13px/1 var(--font-body);transition:all var(--dur-fast);align-items:center;gap:8px;padding:0 12px 0 10px;display:inline-flex}.fq-ver:hover{border-color:var(--border-2);color:var(--fg-1)}.fq-ver--on{border-color:var(--fg-1);color:var(--fg-1);background:var(--bg-raised)}.fq-ver__dot{background:var(--c);border-radius:50%;width:7px;height:7px}.fq-ver__label{font-family:var(--font-mono);font-size:12px}.fq-ver__date{color:var(--fg-3);font-size:11px}.fq-comment{border-radius:var(--radius-md);transition:background var(--dur-fast);grid-template-columns:28px minmax(0,1fr);gap:10px;padding:12px;display:grid}.fq-comment:hover{background:var(--bg-hover)}.fq-comment--active{background:var(--bg-active)}.fq-comment__meta{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.fq-comment__name{color:var(--fg-1);font-size:13px;font-weight:600}.fq-comment__when{color:var(--fg-3);font-size:12px}.fq-comment__tc{font:500 11px/1 var(--font-mono);border-radius:var(--radius-xs);background:var(--accent-soft);color:var(--accent);cursor:pointer;border:0;padding:4px 6px}.fq-comment__text{color:var(--fg-1);text-wrap:pretty;margin-top:4px;font-size:14px;line-height:1.45}.fq-comment--resolved .fq-comment__text{color:var(--fg-3);text-decoration:line-through;-webkit-text-decoration-color:var(--border-2);text-decoration-color:var(--border-2)}.fq-comment__foot{align-items:center;gap:12px;margin-top:8px;display:flex}.fq-comment__carry{font:500 10px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--status-changes)}.fq-lyric{cursor:pointer;grid-template-columns:52px minmax(0,1fr) auto;align-items:baseline;gap:14px;padding:6px 0;display:grid}.fq-lyric__tc{font:400 11px/1 var(--font-mono);color:var(--fg-3);opacity:0;transition:opacity var(--dur-fast)}.fq-lyric:hover .fq-lyric__tc,.fq-lyric--active .fq-lyric__tc{opacity:1}.fq-lyric__text{font:600 26px/1.25 var(--font-body);letter-spacing:-.01em;color:var(--fg-3);transition:color var(--dur-med) var(--ease-out);text-wrap:pretty}.fq-lyric--past .fq-lyric__text{color:var(--fg-2)}.fq-lyric--active .fq-lyric__text,.fq-lyric:hover .fq-lyric__text{color:var(--fg-1)}.fq-lyric__note{font:500 11px/1 var(--font-mono);color:var(--accent);align-items:center;gap:4px;display:inline-flex}.fq-quality{border-radius:var(--radius-xs);border:1px solid var(--border-2);height:22px;font:500 11px/1 var(--font-mono);letter-spacing:.04em;color:var(--fg-2);white-space:nowrap;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.fq-quality__dot{background:var(--status-approved);border-radius:50%;width:6px;height:6px}.fq-quality--lossy .fq-quality__dot{background:var(--status-changes)}.fq-meter{flex-direction:column;gap:6px;min-width:0;display:flex}.fq-meter__val{font:500 22px/1 var(--font-mono);color:var(--fg-1);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.fq-meter__unit{color:var(--fg-3);margin-left:4px;font-size:12px}.fq-meter__track{background:var(--wave-unplayed);border-radius:999px;height:4px;position:relative}.fq-meter__range{background:color-mix(in oklab,var(--status-approved) 45%,transparent);border-radius:999px;position:absolute;top:0;bottom:0}.fq-meter__pin{background:var(--fg-1);border-radius:1px;width:2px;height:10px;margin-left:-1px;position:absolute;top:-3px}.fq-meter--warn .fq-meter__pin{background:var(--status-changes)}.fq-art{border-radius:var(--radius-md);background:linear-gradient(150deg,var(--art-1,var(--bg-raised)),var(--art-2,var(--bg-sunken)));border:1px solid var(--border-2);box-shadow:var(--shadow-2);cursor:pointer;color:var(--fg-2);flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.fq-art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.fq-art:hover .fq-art__hint{opacity:1}.fq-art__hint{color:#fff;opacity:0;transition:opacity var(--dur-fast);font:500 11px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}
html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-attachment:fixed;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:none}button{font-family:inherit}.fq-icon-svg{vertical-align:middle;display:inline-block}.fq-spin{animation:.9s linear infinite fq-spin}@keyframes fq-spin{to{transform:rotate(360deg)}}.fq-textarea{resize:vertical;border-radius:var(--radius-md);border:1px solid var(--border-1);background:var(--bg-sunken);min-height:120px;color:var(--fg-1);font:400 14px/1.5 var(--font-body);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);outline:0;padding:10px 12px}.fq-textarea:hover{border-color:var(--border-2)}.fq-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.fq-select{min-width:0;height:100%;color:var(--fg-1);font:400 14px/1 var(--font-body);appearance:none;cursor:pointer;background:0 0;border:0;outline:0;flex:1}.fq-select option{background:var(--bg-floating);color:var(--fg-1)}.fq-input input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8)}.app{min-height:100vh;display:flex}.app__side{border-right:1px solid var(--border-1);flex-direction:column;flex:none;gap:24px;width:232px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.app__main{flex-direction:column;flex:1;min-width:0;display:flex}.app__top{border-bottom:1px solid var(--border-1);z-index:20;-webkit-backdrop-filter:blur(16px);background:color-mix(in oklab, var(--bg-app,#0d0b09) 70%, transparent);flex:none;align-items:center;gap:12px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.app__content{flex-direction:column;flex:1;gap:24px;min-width:0;padding:28px 28px 40px;display:flex}.app__mobile-brand{flex:1;display:none}.app__bottomnav{display:none}.nav-item{border-radius:var(--radius-sm);height:36px;color:var(--fg-3);font:500 14px/1 var(--font-body);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:0 10px;display:flex}.nav-item:hover{color:var(--fg-1);text-decoration:none}.nav-item--on{background:var(--bg-active);color:var(--fg-1)}.nav-item__count{font-family:var(--font-mono);color:var(--fg-3);font-size:11px}.nav-song{color:var(--fg-2);font:400 13px/1.2 var(--font-body);align-items:center;gap:10px;padding:4px 10px;display:flex}.nav-song:hover,.nav-song--on{color:var(--fg-1)}.nav-song__dot{border-radius:3px;flex:none;width:6px;height:6px}.nav-song__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.crumbs{color:var(--fg-3);flex:1;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex;overflow:hidden}.crumbs a{color:var(--fg-3);white-space:nowrap}.crumbs a:hover{color:var(--fg-1)}.crumbs__last{color:var(--fg-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head__text{flex-direction:column;gap:10px;min-width:0;display:flex}.page-title{font-size:var(--text-display-l);text-wrap:balance;margin:0}.page-sub{color:var(--fg-2);font-size:14px}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.split{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.split__main{flex-direction:column;flex:999 480px;gap:20px;min-width:0;display:flex}.split__side{flex-direction:column;flex:320px;gap:16px;min-width:0;max-width:380px;display:flex}.split__side--sticky{position:sticky;top:88px}.stack{flex-direction:column;display:flex}.muted{color:var(--fg-3)}.small{font-size:12px;line-height:1.45}.hr{background:var(--border-1);height:1px}.toast-stack{z-index:60;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:24px;right:16px}.toast-stack>*{pointer-events:auto;animation:fq-in var(--dur-med) var(--ease-out)}@keyframes fq-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.dropzone{border:1px dashed var(--border-2);border-radius:var(--radius-lg);text-align:center;color:var(--fg-2);cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px;display:flex}.dropzone:hover,.dropzone--over{border-color:var(--accent);background:var(--accent-soft)}.progress{background:var(--wave-unplayed);border-radius:999px;height:4px;overflow:hidden}.progress__fill{background:var(--accent);border-radius:999px;height:100%;transition:width .2s linear}.project-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.project-card{color:var(--fg-1);flex-direction:column;gap:14px;padding:14px;display:flex}.project-card:hover{border-color:var(--border-2);color:var(--fg-1)}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat__val{font-family:var(--font-mono);color:var(--fg-1);font-variant-numeric:tabular-nums;margin-top:10px;font-size:28px}.insight-row{grid-template-columns:220px minmax(0,1fr) 80px 70px 110px;align-items:center;gap:20px;padding:16px 20px;display:grid}.insight-row+.insight-row{border-top:1px solid var(--border-1)}.insight-row--head{border-bottom:1px solid var(--border-1);padding:14px 20px}.link-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.link-row+.link-row{border-top:1px solid var(--border-1)}.auth-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.auth-card{width:100%;max-width:400px}.lyrics-scroll{scroll-behavior:smooth;max-height:520px;margin:0 -4px;padding:0 4px;overflow-y:auto}.lyric-edit-row{border-radius:var(--radius-sm);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.lyric-edit-row--on{background:var(--accent-soft)}.lyric-edit-row__tc{font:500 12px/1 var(--font-mono);color:var(--fg-2)}.kbd{font:500 11px/1 var(--font-mono);border-radius:var(--radius-xs);border:1px solid var(--border-2);color:var(--fg-2);padding:3px 6px}.notice{color:var(--fg-3);align-items:flex-start;gap:10px;font-size:12px;line-height:1.45;display:flex}@media (max-width:760px){.app__side{display:none}.app__top{height:56px;padding:0 16px}.app__mobile-brand{display:block}.crumbs,.app__search{display:none}.app__content{padding:20px 16px 96px}.app__bottomnav{z-index:20;border-top:1px solid var(--border-1);-webkit-backdrop-filter:blur(16px);background:color-mix(in oklab, var(--bg-app,#0d0b09) 80%, transparent);grid-template-columns:repeat(4,1fr);padding:6px 4px 10px;display:grid;position:fixed;bottom:0;left:0;right:0}.app__bottomnav a{min-height:52px;color:var(--fg-3);font:500 11px/1 var(--font-body);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.app__bottomnav a.on{color:var(--fg-1)}.page-title{font-size:var(--text-h1)}.split__side{max-width:none}.split__side--sticky{position:static}.toast-stack{bottom:84px;left:16px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-row{grid-template-columns:minmax(0,1fr) 64px;gap:10px 16px}.insight-row>:nth-child(2){grid-area:2/1/auto/-1}.insight-row>:nth-child(4),.insight-row>:nth-child(5),.insight-row--head{display:none}.fq-row{grid-template-columns:22px 40px minmax(0,1fr) auto}.fq-row__dur,.fq-row>:last-child{display:none}.fq-lyric__text{font-size:20px}.guest-wrap{padding:20px 16px 40px}.page-head .cover-tile{width:72px!important;height:72px!important}.player-body{padding:14px 14px 16px!important}.player-time,.player-side{font-size:12px;min-width:64px!important}}.art-wrap{flex-direction:column;flex:1;min-width:0;display:flex}.art-wrap[data-artwork]{background-color:var(--bg-app);background-image:var(--bg-app-image);color:var(--fg-1);background-size:180px 180px,cover,cover,cover}.player-body{padding:18px 20px 22px}.fq-comment__foot{flex-wrap:wrap;row-gap:4px}.fq-comment__carry{white-space:nowrap}.fq-lyric__w{color:var(--fg-3);transition:color .12s linear}.fq-lyric__w--on{color:var(--fg-1)}.lyric-edit-row--check{box-shadow:inset 2px 0 0 var(--status-changes)}.lyric-edit-row__text{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.lyric-edit-row__input{width:100%;font:400 14px/1.3 var(--font-body);color:var(--fg-1);background:var(--bg-sunken);border:1px solid var(--accent);border-radius:var(--radius-xs);outline:0;padding:3px 6px}.ai-strip{border-radius:var(--radius-md);background:var(--accent-soft);color:var(--fg-1);align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.ai-strip--muted{background:var(--bg-sunken);color:var(--fg-2)}.check-dot{background:var(--status-changes);border-radius:4px;flex:none;width:7px;height:7px}.lyric-edit-row__tools{display:none}.lyric-edit-row:hover .lyric-edit-row__tools,.lyric-edit-row--on .lyric-edit-row__tools{display:flex}@media (hover:none){.lyric-edit-row__tools{display:flex}}.toast-stack{bottom:calc(24px + var(--player-offset,0px))}.mini-player{z-index:40;height:var(--player-h);border-top:1px solid var(--border-1);background:color-mix(in oklab, var(--bg-floating) 88%, transparent);-webkit-backdrop-filter:blur(24px);animation:fq-in var(--dur-med) var(--ease-out);grid-template-columns:minmax(180px,1fr) minmax(320px,1.6fr) minmax(180px,1fr);align-items:center;gap:16px;padding:0 16px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 40px #00000059}.mini-player__progress{background:var(--accent);height:2px;display:none;position:absolute;top:-1px;left:0}.mini-player__track{min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.mini-player__title{color:var(--fg-1);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.mini-player__sub{font:400 11px/1.2 var(--font-mono);color:var(--fg-3);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.02em;overflow:hidden}.mini-player__center{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.mini-player__buttons{align-items:center;gap:6px;display:flex}.mini-player__right{justify-content:flex-end;align-items:center;gap:4px;display:flex}.np-art{border:1px solid var(--border-1);box-shadow:var(--shadow-2);flex:none}.np-scrub{align-items:center;gap:10px;width:100%;display:flex}.np-scrub__t{font:400 11px/1 var(--font-mono);color:var(--fg-3);text-align:center;font-variant-numeric:tabular-nums;min-width:38px}.np-scrub__bar{cursor:pointer;touch-action:none;outline:none;flex:1;height:16px;position:relative}.np-scrub__track,.np-scrub__fill,.np-scrub__ab{border-radius:999px;height:4px;position:absolute;top:6px}.np-scrub__track{background:var(--wave-unplayed);left:0;right:0}.np-scrub__fill{background:var(--fg-1);left:0}.np-scrub__ab{background:var(--accent-soft);border:1px solid var(--accent);border-radius:3px;height:8px;top:4px}.np-scrub__knob{background:var(--fg-1);opacity:0;width:10px;height:10px;transition:opacity var(--dur-fast);border-radius:50%;margin-left:-5px;position:absolute;top:3px}.np-scrub__bar:hover .np-scrub__knob,.np-scrub__bar:focus-visible .np-scrub__knob,.np-scrub--big .np-scrub__knob{opacity:1}.np-scrub--big .np-scrub__t{font-size:12px}.np-vol{align-items:center;gap:4px;display:inline-flex}.np-vol__range{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--fg-1) var(--v), var(--wave-unplayed) var(--v));border-radius:999px;width:90px;height:4px}.np-vol__range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fg-1);border:0;border-radius:50%;width:12px;height:12px}.np-vol__range::-moz-range-thumb{background:var(--fg-1);border:0;border-radius:50%;width:12px;height:12px}.np-ab{border:1px solid var(--border-2);height:26px;color:var(--fg-2);font:500 11px/1 var(--font-mono);letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:0 10px}.np-ab:hover{color:var(--fg-1);border-color:var(--fg-2)}.np-ab--on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.now-playing{z-index:70;color:var(--fg-1);background-color:var(--bg-app);background-image:var(--bg-app-image);animation:np-up .32s var(--ease-out);background-size:180px 180px,cover,cover,cover;flex-direction:column;display:flex;position:fixed;inset:0}@keyframes np-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.np-head{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:16px 24px;display:grid}.np-head__from{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.np-head__project{white-space:nowrap;text-overflow:ellipsis;max-width:40vw;font-size:14px;font-weight:600;overflow:hidden}.np-head__right{justify-content:flex-end;display:flex}.np-body{flex:1;grid-template-columns:minmax(320px,520px) minmax(0,1fr);gap:56px;width:100%;max-width:1400px;min-height:0;margin:0 auto;padding:8px 56px 40px;display:grid}.np-main{flex-direction:column;justify-content:center;gap:16px;min-height:0;display:flex}.np-art-wrap{align-self:center;width:min(100%,46vh)}.np-meta{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:8px;display:flex}.np-title{font-size:var(--text-h1);overflow-wrap:anywhere;margin:0;line-height:1.05}.np-artist{color:var(--fg-2);margin-top:6px;font-size:15px}.np-meta__tags{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.np-wave{opacity:.9}.np-transport{justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.np-play.fq-iconbtn--xl{width:72px;height:72px}.np-extras{justify-content:space-between;align-items:center;gap:12px;display:flex}.np-panel{flex-direction:column;min-height:0;display:flex}.np-lyrics{scroll-behavior:smooth;flex:1;padding:24px 8px 0;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 10% 85%,#0000);mask-image:linear-gradient(#0000,#000 10% 85%,#0000)}.np-lyrics .fq-lyric{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 0}.np-lyrics .fq-lyric__tc{display:none}.np-lyrics .fq-lyric__text{font:700 clamp(26px, 3.2vw, 40px)/1.2 var(--font-display);letter-spacing:-.015em;color:var(--fg-3);opacity:.55;transition:color .2s, opacity .2s, transform .3s var(--ease-out);transform-origin:0}.np-lyrics .fq-lyric--past .fq-lyric__text{opacity:.4}.np-lyrics .fq-lyric--active .fq-lyric__text{color:var(--fg-1);opacity:1;transform:scale(1.02)}.np-lyrics .fq-lyric:hover .fq-lyric__text{opacity:.85}.np-lyrics .fq-lyric__w{color:color-mix(in oklab, var(--fg-1) 45%, transparent)}.np-lyrics .fq-lyric__w--on{color:var(--fg-1);text-shadow:0 0 22px color-mix(in oklab, var(--accent) 35%, transparent)}.np-empty{color:var(--fg-2);flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:8px;display:flex}.np-queue{flex-direction:column;flex:1;gap:4px;padding:8px 4px 0;display:flex;overflow-y:auto}.np-queue__head{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.np-link{color:var(--fg-2);font:500 12px/1 var(--font-body);cursor:pointer;background:0 0;border:0}.np-link:hover{color:var(--fg-1)}.np-qrow{border-radius:var(--radius-md);grid-template-columns:20px 40px minmax(0,1fr) auto 28px;align-items:center;gap:12px;padding:6px 8px;display:grid}.np-qrow:hover{background:var(--bg-hover)}.np-qrow--now{background:var(--bg-active)}.np-qrow--over{box-shadow:inset 0 2px 0 var(--accent)}.np-qrow__grip{font:500 10px/1 var(--font-mono);color:var(--fg-3);cursor:grab;text-align:center;letter-spacing:-2px}.np-qrow__info{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:2px;padding:0;display:flex}.np-qrow__title{color:var(--fg-1);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.np-qrow--now .np-qrow__title{color:var(--accent)}.np-qrow__sub{color:var(--fg-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.np-qrow__dur{font:400 12px/1 var(--font-mono);color:var(--fg-3)}.np-eq{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.np-eq i{background:var(--accent);border-radius:1px;width:3px;animation:.9s ease-in-out infinite np-eq}.np-eq i:nth-child(2){animation-delay:-300ms}.np-eq i:nth-child(3){animation-delay:-600ms}@keyframes np-eq{0%,to{height:3px}50%{height:12px}}@media (prefers-reduced-motion:reduce){.np-eq i,.now-playing{animation:none}}.play-actions{gap:2px;display:inline-flex}@media (max-width:760px){.mini-player{grid-template-columns:minmax(0,1fr) auto;gap:8px;height:64px;padding:0 8px 0 10px}.mini-player--nav{border-radius:var(--radius-md);border:1px solid var(--border-2);bottom:68px;left:8px;right:8px}.mini-player__progress{display:block}.mini-player__center{flex-direction:row}.hide-mobile{display:none!important}.np-head{grid-template-columns:auto 1fr;padding:12px}.np-head__right{grid-column:1/-1;justify-content:center}.np-body{grid-template-columns:1fr;gap:16px;padding:4px 20px 24px;overflow-y:auto}.np-body--art .np-panel,.np-body--panel .np-art-wrap,.np-body--panel .np-wave{display:none}.np-body--panel .np-main{order:2}.np-art-wrap{width:min(100%,38vh)}.np-lyrics{max-height:46vh}.np-lyrics .fq-lyric__text{font-size:26px}.np-wave{display:none}.np-vol__range{width:120px}}.fq-row{grid-template-columns:28px 40px minmax(0,1fr) auto 56px auto}@media (max-width:760px){.fq-row{grid-template-columns:22px 40px minmax(0,1fr) auto auto}.fq-row>:last-child{display:flex!important}.fq-row .play-actions>:not(:first-child){display:none}.fq-row__status .fq-badge{gap:0;height:18px;padding:0 7px;font-size:0}}.tone-anchor{display:inline-flex;position:relative}.tone-pop{z-index:80;background:var(--bg-floating);border:1px solid var(--border-2);border-radius:var(--radius-lg);width:340px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-3);-webkit-backdrop-filter:blur(var(--surface-blur));backdrop-filter:blur(var(--surface-blur));animation:fq-in var(--dur-med) var(--ease-out);position:absolute;top:calc(100% + 8px);left:0}.tone-pop--right{left:auto;right:0}.tone-pop--up{top:auto;bottom:calc(100% + 8px)}.tone-panel{color:var(--fg-1);flex-direction:column;gap:18px;padding:16px;display:flex}.tone-panel__head{justify-content:space-between;align-items:center;display:flex}.tone-panel__row{flex-direction:column;gap:10px;display:flex}.tone-panel__label{justify-content:space-between;align-items:baseline;display:flex}.tone-panel__val{color:var(--fg-1);font-size:18px}.tone-panel__chips{flex-wrap:wrap;gap:6px;display:flex}.tone-panel__chips .fq-chip{height:28px;font-family:var(--font-mono);padding:0 10px;font-size:12px}.tone-range{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--accent) var(--v), var(--wave-unplayed) var(--v));border-radius:999px;flex:1;width:100%;height:4px}.tone-range:disabled{opacity:.4;cursor:not-allowed}.tone-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fg-1);border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0006}.tone-range::-moz-range-thumb{background:var(--fg-1);border:0;border-radius:50%;width:16px;height:16px}.np-tone-tag{font:500 11px/1 var(--font-mono);color:var(--accent)}@media (max-width:760px){.tone-pop,.tone-pop--right,.tone-pop--up{z-index:90;width:auto;max-width:none;position:fixed;inset:auto 8px 8px}}.np-wave-wrap{position:relative}.loop-region{pointer-events:none;position:absolute;inset:0}.loop-region__span{background:var(--accent-soft);border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);pointer-events:none;position:absolute;top:-4px;bottom:-4px}.loop-region__span--grab{pointer-events:auto;cursor:grab}.loop-region__span--grab:active{cursor:grabbing}.loop-handle{pointer-events:auto;cursor:ew-resize;touch-action:none;z-index:2;outline:none;width:16px;margin-left:-8px;position:absolute;top:-10px;bottom:-6px}.loop-handle:before{content:"";background:var(--accent);border-radius:1px;width:2px;position:absolute;top:10px;bottom:0;left:7px}.loop-handle__tab{background:var(--accent);min-width:18px;height:16px;color:var(--fg-on-accent);font:700 10px/16px var(--font-mono);text-align:center;border-radius:4px;padding:0 4px;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #00000059}.loop-handle:hover .loop-handle__tab,.loop-handle--drag .loop-handle__tab,.loop-handle:focus-visible .loop-handle__tab{transform:translate(-50%)scale(1.15)}.loop-handle:focus-visible:before{box-shadow:0 0 0 3px var(--accent-soft)}.loop-handle__time{white-space:nowrap;background:var(--fg-1);color:var(--fg-inverse);font:500 11px/1 var(--font-mono);border-radius:4px;padding:3px 6px;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%)}.loop-region--compact .loop-region__span{background:color-mix(in oklab, var(--accent) 35%, transparent);border:0;border-radius:3px;top:4px;bottom:4px}.loop-region--compact .loop-handle{width:14px;margin-left:-7px;top:-4px;bottom:-4px}.loop-region--compact .loop-handle:before{top:2px;bottom:2px;left:6px}.loop-region--compact .loop-handle__tab{min-width:14px;height:13px;padding:0 3px;font-size:9px;line-height:13px;top:-14px}.mini-player .loop-region--compact .loop-handle__tab{display:none}.lyr-ed{flex-direction:column;gap:14px;min-height:0;display:flex}.lyric-edit-row__words{text-overflow:ellipsis;overflow:hidden}.lyrics-studio{z-index:75;color:var(--fg-1);background-color:var(--bg-app);background-image:var(--bg-app-image);animation:np-up .26s var(--ease-out);background-size:220px 220px,cover,cover,cover;flex-direction:column;display:flex;position:fixed;inset:0}.lyrics-studio__head{border-bottom:1px solid var(--border-1);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:14px 24px;display:grid}.lyrics-studio__head>:last-child{justify-self:end}.lyrics-studio__title{font:700 20px/1.2 var(--font-display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lyrics-studio__transport{align-items:center;gap:8px;display:flex}.lyrics-studio__time{min-width:120px;color:var(--fg-1)}.lyrics-studio__wave{flex-direction:column;gap:14px;width:100%;max-width:1400px;margin:0 auto;padding:22px 24px 8px;display:flex}.lyrics-studio__body{flex-direction:column;flex:1;width:100%;max-width:1400px;min-height:0;margin:0 auto;padding:8px 24px 20px;display:flex}.lyr-ed--big{flex:1}.lyr-ed--big .lyr-ed__list{flex:1;min-height:0;max-height:none}.lyr-ed--big .fq-textarea{flex:1;min-height:50vh;font-size:17px;line-height:1.7}.lyr-ed--big .fq-field{flex:1}.lyr-ed--big .lyric-edit-row{border-radius:var(--radius-md);grid-template-columns:90px minmax(0,1fr) auto;padding:10px 12px}.lyr-ed--big .lyric-edit-row+.lyric-edit-row{margin-top:2px}.lyr-ed--big .lyric-edit-row__tc{font-size:14px}.lyr-ed--big .lyric-edit-row__text{white-space:normal;font-size:20px;line-height:1.35}.lyr-ed--big .lyric-edit-row__words{white-space:normal;overflow:visible}.lyr-ed--big .lyric-edit-row__input{padding:6px 10px;font-size:20px}.lyr-ed--big .lyric-edit-row__tools{display:flex}@media (max-width:760px){.lyrics-studio__head{grid-template-columns:minmax(0,1fr) auto;padding:10px 12px}.lyrics-studio__transport{grid-area:2/1/auto/-1;justify-content:center}.lyrics-studio__wave,.lyrics-studio__body{padding-left:12px;padding-right:12px}.lyr-ed--big .lyric-edit-row{grid-template-columns:64px minmax(0,1fr) auto}.lyr-ed--big .lyric-edit-row__text{font-size:17px}}.cut-words{flex-wrap:wrap;align-items:center;gap:2px;min-width:0;font-size:14px;display:flex}.cut-word{color:var(--fg-1);font:inherit;border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:0;padding:2px 4px 2px 10px;position:relative}.cut-word--first{color:var(--fg-2);padding:2px 4px}.cut-word:before{content:"✂";color:var(--accent);opacity:0;transition:opacity var(--dur-fast);font-size:11px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.cut-word:after{content:"";background:var(--accent);opacity:0;width:2px;transition:opacity var(--dur-fast);border-radius:1px;position:absolute;top:3px;bottom:3px;left:3px}.cut-word:hover,.cut-word:focus-visible{background:var(--accent-soft);outline:none}.cut-word:hover:before,.cut-word:hover:after,.cut-word:focus-visible:before,.cut-word:focus-visible:after{opacity:1}.lyr-ed--big .cut-words{gap:4px;font-size:20px}.lyr-ed--big .cut-word{padding:4px 6px 4px 12px}.lyric-edit-row__tools[hidden]{display:none!important}.fix-card{border-radius:var(--radius-md);border:1px solid color-mix(in oklab, var(--accent) 45%, transparent);background:color-mix(in oklab, var(--accent) 9%, var(--bg-surface));animation:fq-in var(--dur-med) var(--ease-out);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.fix-card__head{color:var(--accent);align-items:flex-start;gap:10px;display:flex}.fix-card__title{color:var(--fg-1);font-size:14px;font-weight:650}.fix-card__list{flex-direction:column;gap:2px;max-height:220px;display:flex;overflow-y:auto}.fix-card__row{border-radius:var(--radius-sm);cursor:pointer;grid-template-columns:18px 52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 4px;display:grid}.fix-card__row:hover{background:var(--bg-hover)}.fix-card__row--off{opacity:.55}.fix-card__row input{accent-color:var(--accent);width:15px;height:15px}.fix-card__tc{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-xs);font:500 11px/1 var(--font-mono);cursor:pointer;border:0;padding:4px 6px}.fix-card__text{flex-direction:column;gap:2px;min-width:0;font-size:13px;display:flex}.fix-card__before{color:var(--fg-3);text-decoration:line-through;-webkit-text-decoration-color:var(--border-2);text-decoration-color:var(--border-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fix-card__after{color:var(--fg-1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fix-card__after mark{background:var(--accent-soft);color:var(--accent);border-radius:3px;padding:0 2px}.fix-card__kind{font:500 10px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);white-space:nowrap}.lyr-ed--big .fix-card__text{font-size:15px}.lyr-ed--big .fix-card__list{max-height:300px}.karaoke{flex-direction:column;min-height:0;display:flex;position:relative}.karaoke__scroll{min-height:0;position:relative;overflow-y:auto}.karaoke--panel .karaoke__scroll{max-height:520px;margin:0 -4px;padding:0 4px}.karaoke--stage{flex:1}.karaoke--stage .karaoke__scroll{flex:1;padding:24px 8px 0;-webkit-mask-image:linear-gradient(#0000,#000 10% 85%,#0000);mask-image:linear-gradient(#0000,#000 10% 85%,#0000)}.karaoke__follow{border:1px solid var(--border-2);background:var(--bg-floating);height:32px;color:var(--fg-1);font:500 13px/1 var(--font-body);cursor:pointer;box-shadow:var(--shadow-2);animation:fq-in var(--dur-med) var(--ease-out);border-radius:999px;align-items:center;gap:6px;padding:0 14px;display:inline-flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.karaoke__follow:hover{border-color:var(--accent);color:var(--accent)}.karaoke--stage .fq-lyric{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 0}.karaoke--stage .fq-lyric__tc{display:none}.karaoke--stage .fq-lyric__text{font:700 clamp(26px, 3.2vw, 40px)/1.2 var(--font-display);letter-spacing:-.015em;color:var(--fg-3);opacity:.55;transition:color .2s, opacity .2s, transform .3s var(--ease-out);transform-origin:0}.karaoke--stage .fq-lyric--past .fq-lyric__text{opacity:.4}.karaoke--stage .fq-lyric--active .fq-lyric__text{color:var(--fg-1);opacity:1;transform:scale(1.02)}.karaoke--stage .fq-lyric:hover .fq-lyric__text{opacity:.85}.karaoke--stage .fq-lyric__w{color:color-mix(in oklab, var(--fg-1) 45%, transparent)}.karaoke--stage .fq-lyric__w--on{color:var(--fg-1);text-shadow:0 0 22px color-mix(in oklab, var(--accent) 35%, transparent)}@media (max-width:760px){.karaoke--stage .karaoke__scroll{max-height:46vh}.karaoke--stage .fq-lyric__text{font-size:26px}}.find-bar{border:1px solid var(--border-1);border-radius:var(--radius-md);background:var(--bg-sunken);flex-direction:column;gap:6px;padding:8px;display:flex}.find-bar__row{align-items:center;gap:4px;display:flex}.find-bar__input{align-items:center;gap:8px;width:100%;min-width:0;display:flex}.find-bar__input input{min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:0;flex:1}.find-bar__count{color:var(--fg-3);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.find-bar__opt{border-radius:var(--radius-sm);min-width:30px;height:28px;color:var(--fg-2);font:600 12px/1 var(--font-mono);cursor:pointer;background:0 0;border:1px solid #0000;padding:0 6px}.find-bar__opt:hover{background:var(--bg-hover)}.find-bar__opt--on{border-color:var(--accent);color:var(--accent);background:color-mix(in oklab, var(--accent) 12%, transparent)}mark.find-hit{background:color-mix(in oklab, var(--accent) 28%, transparent);color:inherit;border-radius:3px;padding:0 1px}mark.find-hit--current{background:var(--accent);color:var(--fg-on-accent)}.find-mirror{display:grid}.find-mirror>*{scrollbar-gutter:stable;overflow-wrap:break-word;grid-area:1/1}.find-mirror>textarea{z-index:1;background:0 0;position:relative}.find-mirror__back{white-space:pre-wrap;color:#0000;pointer-events:none;resize:none;border-color:#0000;display:block;overflow:hidden}.find-mirror__back mark.find-hit{color:#0000;padding:0}.lyr-ed--big .find-mirror{flex:1}.lyr-ed--big .find-mirror__back{font-size:17px;line-height:1.7}.fq-lyric--section{cursor:default;padding:14px 0 2px}.fq-lyric__section{font:500 11px/1 var(--font-mono);letter-spacing:var(--tracking-eyebrow,.08em);text-transform:uppercase;color:var(--fg-3)}.karaoke--stage .fq-lyric--section{grid-template-columns:minmax(0,1fr);padding:22px 0 0}.karaoke--stage .fq-lyric--section>span:first-child{display:none}