@import"https://fonts.googleapis.com/css2?family=Great+Vibes&family=Source+Sans+3:wght@400;600;700&display=swap";:root,[data-theme=plum][data-mode=light],[data-theme=plum]:not([data-mode]){--primary: #8f6a7a;--secondary: #a67f90;--accent: #b08968;--soft: #e4dde2;--surface: #f2eef0;--dark-surface: #1c1822;--brand-gradient: linear-gradient(135deg, #8f6a7a 0%, #a67f90 55%, #b08968 100%);--brand-ink: #2a2430;--brand-ink-deep: #1c1822;--brand-accent: #8f6a7a;--brand-accent-soft: #a67f90;--brand-ground: #f2eef0;--brand-ground-mid: #e4dde2;--brand-highlight: #b08968;--brand-surface: #ffffff;--brand-text: #111827;--brand-muted: #5c5560;--brand-border: #D8E1E8;--brand-header-grad-top: #2a2430;--brand-header-grad-bot: #1c1822;--brand-login-rad-a: #2a2430;--brand-login-rad-b: #121016;--slider-rail: #e4dde2;--slider-fill: #8f6a7a;--slider-thumb: #8f6a7a;--slider-thumb-border: #ffffff;--slider-thumb-ring: #2a2430;--slider-on-dark-rail: rgba(255, 255, 255, .28);--slider-on-dark-fill: #c4a0b0;--slider-on-dark-thumb: #f7eef2;--slider-on-dark-thumb-border: #1c1822;color-scheme:light}[data-theme=plum][data-mode=dark]{--primary: #8f6a7a;--secondary: #a67f90;--accent: #b08968;--soft: #423542;--surface: #342b37;--dark-surface: #1c1822;--brand-gradient: linear-gradient(135deg, #8f6a7a 0%, #a67f90 55%, #b08968 100%);--brand-ink: #2a2430;--brand-ink-deep: #1c1822;--brand-accent: #8f6a7a;--brand-accent-soft: #a67f90;--brand-ground: #342b37;--brand-ground-mid: #423542;--brand-highlight: #b08968;--brand-surface: #443c47;--brand-text: #F1F5F9;--brand-muted: #94A3B8;--brand-border: #483946;--brand-header-grad-top: #2a2430;--brand-header-grad-bot: #1c1822;--brand-login-rad-a: #2a2430;--brand-login-rad-b: #16131b;--slider-rail: #483946;--slider-fill: #8f6a7a;--slider-thumb: #a67f90;--slider-thumb-border: #1c1822;--slider-thumb-ring: #a67f90;--slider-on-dark-rail: rgba(255, 255, 255, .22);--slider-on-dark-fill: #a67f90;--slider-on-dark-thumb: #F1F5F9;--slider-on-dark-thumb-border: #1c1822;color-scheme:dark}[data-theme=spruce][data-mode=light]{--primary: #3d8f6f;--secondary: #52b788;--accent: #c4a35a;--soft: #bcc6bf;--surface: #e7efe9;--dark-surface: #0d2818;--brand-gradient: linear-gradient(135deg, #3d8f6f 0%, #52b788 55%, #c4a35a 100%);--brand-ink: #143528;--brand-ink-deep: #0d2818;--brand-accent: #3d8f6f;--brand-accent-soft: #52b788;--brand-ground: #e7efe9;--brand-ground-mid: #bcc6bf;--brand-highlight: #c4a35a;--brand-surface: #ffffff;--brand-text: #111827;--brand-muted: #4a5c52;--brand-border: #D8E1E8;--brand-header-grad-top: #143528;--brand-header-grad-bot: #0d2818;--brand-login-rad-a: #143528;--brand-login-rad-b: #081a10;--slider-rail: #bcc6bf;--slider-fill: #3d8f6f;--slider-thumb: #3d8f6f;--slider-thumb-border: #ffffff;--slider-thumb-ring: #143528;--slider-on-dark-rail: rgba(255, 255, 255, .28);--slider-on-dark-fill: #7dcea0;--slider-on-dark-thumb: #e8f8ef;--slider-on-dark-thumb-border: #0d2818;color-scheme:light}[data-theme=spruce][data-mode=dark]{--primary: #3d8f6f;--secondary: #52b788;--accent: #c4a35a;--soft: #1e4b39;--surface: #183e2f;--dark-surface: #0d2818;--brand-gradient: linear-gradient(135deg, #3d8f6f 0%, #52b788 55%, #c4a35a 100%);--brand-ink: #143528;--brand-ink-deep: #0d2818;--brand-accent: #3d8f6f;--brand-accent-soft: #52b788;--brand-ground: #183e2f;--brand-ground-mid: #1e4b39;--brand-highlight: #c4a35a;--brand-surface: #2a4d40;--brand-text: #F1F5F9;--brand-muted: #94A3B8;--brand-border: #20503d;--brand-header-grad-top: #143528;--brand-header-grad-bot: #0d2818;--brand-login-rad-a: #143528;--brand-login-rad-b: #0a2013;--slider-rail: #20503d;--slider-fill: #3d8f6f;--slider-thumb: #52b788;--slider-thumb-border: #0d2818;--slider-thumb-ring: #52b788;--slider-on-dark-rail: rgba(255, 255, 255, .22);--slider-on-dark-fill: #52b788;--slider-on-dark-thumb: #F1F5F9;--slider-on-dark-thumb-border: #0d2818;color-scheme:dark}[data-theme=night][data-mode=light]{--primary: #7a9e8a;--secondary: #95b5a3;--accent: #d4a574;--soft: #d5d2ce;--surface: #f3f1ef;--dark-surface: #121018;--brand-gradient: linear-gradient(135deg, #7a9e8a 0%, #95b5a3 55%, #d4a574 100%);--brand-ink: #1c1a22;--brand-ink-deep: #121018;--brand-accent: #7a9e8a;--brand-accent-soft: #95b5a3;--brand-ground: #f3f1ef;--brand-ground-mid: #d5d2ce;--brand-highlight: #d4a574;--brand-surface: #ffffff;--brand-text: #111827;--brand-muted: #5a5660;--brand-border: #D8E1E8;--brand-header-grad-top: #1c1a22;--brand-header-grad-bot: #121018;--brand-login-rad-a: #1c1a22;--brand-login-rad-b: #0c0a10;--slider-rail: #d5d2ce;--slider-fill: #7a9e8a;--slider-thumb: #7a9e8a;--slider-thumb-border: #ffffff;--slider-thumb-ring: #1c1a22;--slider-on-dark-rail: rgba(255, 255, 255, .28);--slider-on-dark-fill: #95b5a3;--slider-on-dark-thumb: #eef5f1;--slider-on-dark-thumb-border: #121018;color-scheme:light}[data-theme=night][data-mode=dark]{--primary: #7a9e8a;--secondary: #95b5a3;--accent: #d4a574;--soft: #333a3b;--surface: #25272c;--dark-surface: #121018;--brand-gradient: linear-gradient(135deg, #7a9e8a 0%, #95b5a3 55%, #d4a574 100%);--brand-ink: #1c1a22;--brand-ink-deep: #121018;--brand-accent: #7a9e8a;--brand-accent-soft: #95b5a3;--brand-ground: #25272c;--brand-ground-mid: #333a3b;--brand-highlight: #d4a574;--brand-surface: #36383d;--brand-text: #F1F5F9;--brand-muted: #94A3B8;--brand-border: #384241;--brand-header-grad-top: #1c1a22;--brand-header-grad-bot: #121018;--brand-login-rad-a: #1c1a22;--brand-login-rad-b: #0e0d13;--slider-rail: #384241;--slider-fill: #7a9e8a;--slider-thumb: #95b5a3;--slider-thumb-border: #121018;--slider-thumb-ring: #95b5a3;--slider-on-dark-rail: rgba(255, 255, 255, .22);--slider-on-dark-fill: #95b5a3;--slider-on-dark-thumb: #F1F5F9;--slider-on-dark-thumb-border: #121018;color-scheme:dark}[data-theme=sea][data-mode=light]{--primary: #2a9d8f;--secondary: #40b4a5;--accent: #e9c46a;--soft: #c5d9d6;--surface: #eef6f5;--dark-surface: #14282c;--brand-gradient: linear-gradient(135deg, #2a9d8f 0%, #40b4a5 55%, #e9c46a 100%);--brand-ink: #1e3a3f;--brand-ink-deep: #14282c;--brand-accent: #2a9d8f;--brand-accent-soft: #40b4a5;--brand-ground: #eef6f5;--brand-ground-mid: #c5d9d6;--brand-highlight: #e9c46a;--brand-surface: #ffffff;--brand-text: #111827;--brand-muted: #4a6569;--brand-border: #D8E1E8;--brand-header-grad-top: #1e3a3f;--brand-header-grad-bot: #14282c;--brand-login-rad-a: #1e3a3f;--brand-login-rad-b: #0d1a1d;--slider-rail: #c5d9d6;--slider-fill: #2a9d8f;--slider-thumb: #2a9d8f;--slider-thumb-border: #ffffff;--slider-thumb-ring: #1e3a3f;--slider-on-dark-rail: rgba(255, 255, 255, .28);--slider-on-dark-fill: #5ec4b8;--slider-on-dark-thumb: #e8f7f5;--slider-on-dark-thumb-border: #14282c;color-scheme:light}[data-theme=sea][data-mode=dark]{--primary: #2a9d8f;--secondary: #40b4a5;--accent: #e9c46a;--soft: #215252;--surface: #1f4447;--dark-surface: #14282c;--brand-gradient: linear-gradient(135deg, #2a9d8f 0%, #40b4a5 55%, #e9c46a 100%);--brand-ink: #1e3a3f;--brand-ink-deep: #14282c;--brand-accent: #2a9d8f;--brand-accent-soft: #40b4a5;--brand-ground: #1f4447;--brand-ground-mid: #215252;--brand-highlight: #e9c46a;--brand-surface: #315356;--brand-text: #F1F5F9;--brand-muted: #94A3B8;--brand-border: #225857;--brand-header-grad-top: #1e3a3f;--brand-header-grad-bot: #14282c;--brand-login-rad-a: #1e3a3f;--brand-login-rad-b: #102023;--slider-rail: #225857;--slider-fill: #2a9d8f;--slider-thumb: #40b4a5;--slider-thumb-border: #14282c;--slider-thumb-ring: #40b4a5;--slider-on-dark-rail: rgba(255, 255, 255, .22);--slider-on-dark-fill: #40b4a5;--slider-on-dark-thumb: #F1F5F9;--slider-on-dark-thumb-border: #14282c;color-scheme:dark}[data-theme=ocean-flow][data-mode=light]{--primary: #0A84FF;--secondary: #00B4DB;--accent: #90E0EF;--soft: #E6F4FF;--surface: #F7FBFF;--dark-surface: #0D1B2A;--brand-gradient: linear-gradient(135deg, #0A84FF 0%, #00B4DB 55%, #90E0EF 100%);--brand-ink: #0D1B2A;--brand-ink-deep: #0D1B2A;--brand-accent: #0A84FF;--brand-accent-soft: #00B4DB;--brand-ground: #F7FBFF;--brand-ground-mid: #E6F4FF;--brand-highlight: #90E0EF;--brand-surface: #ffffff;--brand-text: #111827;--brand-muted: #64748B;--brand-border: #D8E1E8;--brand-header-grad-top: #0D1B2A;--brand-header-grad-bot: #0D1B2A;--brand-login-rad-a: #0D1B2A;--brand-login-rad-b: #08121b;--slider-rail: #E6F4FF;--slider-fill: #0A84FF;--slider-thumb: #0A84FF;--slider-thumb-border: #ffffff;--slider-thumb-ring: #0D1B2A;--slider-on-dark-rail: rgba(255, 255, 255, .28);--slider-on-dark-fill: #60afff;--slider-on-dark-thumb: #daedff;--slider-on-dark-thumb-border: #0D1B2A;color-scheme:light}[data-theme=ocean-flow][data-mode=dark]{--primary: #0A84FF;--secondary: #00B4DB;--accent: #90E0EF;--soft: #0c345d;--surface: #0d263f;--dark-surface: #0a1622;--brand-gradient: linear-gradient(135deg, #0A84FF 0%, #00B4DB 55%, #90E0EF 100%);--brand-ink: #0D1B2A;--brand-ink-deep: #0a1622;--brand-accent: #0A84FF;--brand-accent-soft: #00B4DB;--brand-ground: #0d263f;--brand-ground-mid: #0c345d;--brand-highlight: #90E0EF;--brand-surface: #20374e;--brand-text: #F1F5F9;--brand-muted: #94A3B8;--brand-border: #0c3a6a;--brand-header-grad-top: #0D1B2A;--brand-header-grad-bot: #0a1622;--brand-login-rad-a: #0D1B2A;--brand-login-rad-b: #08121b;--slider-rail: #0c3a6a;--slider-fill: #0A84FF;--slider-thumb: #00B4DB;--slider-thumb-border: #0a1622;--slider-thumb-ring: #00B4DB;--slider-on-dark-rail: rgba(255, 255, 255, .22);--slider-on-dark-fill: #00B4DB;--slider-on-dark-thumb: #F1F5F9;--slider-on-dark-thumb-border: #0a1622;color-scheme:dark}[data-theme=violet-dream][data-mode=light]{--primary: #6C5CE7;--secondary: #A855F7;--accent: #FF6EC7;--soft: #EDE9FE;--surface: #F8F7FF;--dark-surface: #1A1325;--brand-gradient: linear-gradient(135deg, #6C5CE7 0%, #A855F7 55%, #FF6EC7 100%);--brand-ink: #1A1325;--brand-ink-deep: #1A1325;--brand-accent: #6C5CE7;--brand-accent-soft: #A855F7;--brand-ground: #F8F7FF;--brand-ground-mid: #EDE9FE;--brand-highlight: #FF6EC7;--brand-surface: #ffffff;--brand-text: #111827;--brand-muted: #64748B;--brand-border: #D8E1E8;--brand-header-grad-top: #1A1325;--brand-header-grad-bot: #1A1325;--brand-login-rad-a: #1A1325;--brand-login-rad-b: #110c18;--slider-rail: #EDE9FE;--slider-fill: #6C5CE7;--slider-thumb: #6C5CE7;--slider-thumb-border: #ffffff;--slider-thumb-ring: #1A1325;--slider-on-dark-rail: rgba(255, 255, 255, .28);--slider-on-dark-fill: #9f95ef;--slider-on-dark-thumb: #e9e7fb;--slider-on-dark-thumb-border: #1A1325;color-scheme:light}[data-theme=violet-dream][data-mode=dark]{--primary: #6C5CE7;--secondary: #A855F7;--accent: #FF6EC7;--soft: #2e2554;--surface: #221a38;--dark-surface: #150f1e;--brand-gradient: linear-gradient(135deg, #6C5CE7 0%, #A855F7 55%, #FF6EC7 100%);--brand-ink: #1A1325;--brand-ink-deep: #150f1e;--brand-accent: #6C5CE7;--brand-accent-soft: #A855F7;--brand-ground: #221a38;--brand-ground-mid: #2e2554;--brand-highlight: #FF6EC7;--brand-surface: #342c48;--brand-text: #F1F5F9;--brand-muted: #94A3B8;--brand-border: #33295f;--brand-header-grad-top: #1A1325;--brand-header-grad-bot: #150f1e;--brand-login-rad-a: #1A1325;--brand-login-rad-b: #110c18;--slider-rail: #33295f;--slider-fill: #6C5CE7;--slider-thumb: #A855F7;--slider-thumb-border: #150f1e;--slider-thumb-ring: #A855F7;--slider-on-dark-rail: rgba(255, 255, 255, .22);--slider-on-dark-fill: #A855F7;--slider-on-dark-thumb: #F1F5F9;--slider-on-dark-thumb-border: #150f1e;color-scheme:dark}[data-theme=forest-harmony][data-mode=light]{--primary: #2E7D32;--secondary: #66BB6A;--accent: #A5D6A7;--soft: #E8F5E9;--surface: #F5FAF6;--dark-surface: #1B2E1F;--brand-gradient: linear-gradient(135deg, #2E7D32 0%, #66BB6A 55%, #A5D6A7 100%);--brand-ink: #1B2E1F;--brand-ink-deep: #1B2E1F;--brand-accent: #2E7D32;--brand-accent-soft: #66BB6A;--brand-ground: #F5FAF6;--brand-ground-mid: #E8F5E9;--brand-highlight: #A5D6A7;--brand-surface: #ffffff;--brand-text: #111827;--brand-muted: #64748B;--brand-border: #D8E1E8;--brand-header-grad-top: #1B2E1F;--brand-header-grad-bot: #1B2E1F;--brand-login-rad-a: #1B2E1F;--brand-login-rad-b: #121e14;--slider-rail: #E8F5E9;--slider-fill: #2E7D32;--slider-thumb: #2E7D32;--slider-thumb-border: #ffffff;--slider-thumb-ring: #1B2E1F;--slider-on-dark-rail: rgba(255, 255, 255, .28);--slider-on-dark-fill: #77aa7a;--slider-on-dark-thumb: #e0ece0;--slider-on-dark-thumb-border: #1B2E1F;color-scheme:light}[data-theme=forest-harmony][data-mode=dark]{--primary: #2E7D32;--secondary: #66BB6A;--accent: #A5D6A7;--soft: #204124;--surface: #1d3621;--dark-surface: #162519;--brand-gradient: linear-gradient(135deg, #2E7D32 0%, #66BB6A 55%, #A5D6A7 100%);--brand-ink: #1B2E1F;--brand-ink-deep: #162519;--brand-accent: #2E7D32;--brand-accent-soft: #66BB6A;--brand-ground: #1d3621;--brand-ground-mid: #204124;--brand-highlight: #A5D6A7;--brand-surface: #2f4633;--brand-text: #F1F5F9;--brand-muted: #94A3B8;--brand-border: #214625;--brand-header-grad-top: #1B2E1F;--brand-header-grad-bot: #162519;--brand-login-rad-a: #1B2E1F;--brand-login-rad-b: #121e14;--slider-rail: #214625;--slider-fill: #2E7D32;--slider-thumb: #66BB6A;--slider-thumb-border: #162519;--slider-thumb-ring: #66BB6A;--slider-on-dark-rail: rgba(255, 255, 255, .22);--slider-on-dark-fill: #66BB6A;--slider-on-dark-thumb: #F1F5F9;--slider-on-dark-thumb-border: #162519;color-scheme:dark}[data-theme=sunset-glow][data-mode=light]{--primary: #FF8A00;--secondary: #FF5A5F;--accent: #FFC857;--soft: #FFF1E6;--surface: #FFF8F5;--dark-surface: #2B1D17;--brand-gradient: linear-gradient(135deg, #FF8A00 0%, #FF5A5F 55%, #FFC857 100%);--brand-ink: #2B1D17;--brand-ink-deep: #2B1D17;--brand-accent: #FF8A00;--brand-accent-soft: #FF5A5F;--brand-ground: #FFF8F5;--brand-ground-mid: #FFF1E6;--brand-highlight: #FFC857;--brand-surface: #ffffff;--brand-text: #111827;--brand-muted: #64748B;--brand-border: #D8E1E8;--brand-header-grad-top: #2B1D17;--brand-header-grad-bot: #2B1D17;--brand-login-rad-a: #2B1D17;--brand-login-rad-b: #1c130f;--slider-rail: #FFF1E6;--slider-fill: #FF8A00;--slider-thumb: #FF8A00;--slider-thumb-border: #ffffff;--slider-thumb-ring: #2B1D17;--slider-on-dark-rail: rgba(255, 255, 255, .28);--slider-on-dark-fill: #ffb359;--slider-on-dark-thumb: #ffedd9;--slider-on-dark-thumb-border: #2B1D17;color-scheme:light}[data-theme=sunset-glow][data-mode=dark]{--primary: #FF8A00;--secondary: #FF5A5F;--accent: #FFC857;--soft: #5e3711;--surface: #402815;--dark-surface: #221712;--brand-gradient: linear-gradient(135deg, #FF8A00 0%, #FF5A5F 55%, #FFC857 100%);--brand-ink: #2B1D17;--brand-ink-deep: #221712;--brand-accent: #FF8A00;--brand-accent-soft: #FF5A5F;--brand-ground: #402815;--brand-ground-mid: #5e3711;--brand-highlight: #FFC857;--brand-surface: #4f3928;--brand-text: #F1F5F9;--brand-muted: #94A3B8;--brand-border: #6b3e10;--brand-header-grad-top: #2B1D17;--brand-header-grad-bot: #221712;--brand-login-rad-a: #2B1D17;--brand-login-rad-b: #1b120e;--slider-rail: #6b3e10;--slider-fill: #FF8A00;--slider-thumb: #FF5A5F;--slider-thumb-border: #221712;--slider-thumb-ring: #FF5A5F;--slider-on-dark-rail: rgba(255, 255, 255, .22);--slider-on-dark-fill: #FF5A5F;--slider-on-dark-thumb: #F1F5F9;--slider-on-dark-thumb-border: #221712;color-scheme:dark}[data-theme=mint-fresh][data-mode=light]{--primary: #00A6A6;--secondary: #00D4AA;--accent: #A7F3D0;--soft: #ECFEF9;--surface: #F6FFFE;--dark-surface: #0F2A26;--brand-gradient: linear-gradient(135deg, #00A6A6 0%, #00D4AA 55%, #A7F3D0 100%);--brand-ink: #0F2A26;--brand-ink-deep: #0F2A26;--brand-accent: #00A6A6;--brand-accent-soft: #00D4AA;--brand-ground: #F6FFFE;--brand-ground-mid: #ECFEF9;--brand-highlight: #A7F3D0;--brand-surface: #ffffff;--brand-text: #111827;--brand-muted: #64748B;--brand-border: #D8E1E8;--brand-header-grad-top: #0F2A26;--brand-header-grad-bot: #0F2A26;--brand-login-rad-a: #0F2A26;--brand-login-rad-b: #0a1b19;--slider-rail: #ECFEF9;--slider-fill: #00A6A6;--slider-thumb: #00A6A6;--slider-thumb-border: #ffffff;--slider-thumb-ring: #0F2A26;--slider-on-dark-rail: rgba(255, 255, 255, .28);--slider-on-dark-fill: #59c5c5;--slider-on-dark-thumb: #d9f2f2;--slider-on-dark-thumb-border: #0F2A26;color-scheme:light}[data-theme=mint-fresh][data-mode=dark]{--primary: #00A6A6;--secondary: #00D4AA;--accent: #A7F3D0;--soft: #0b4845;--surface: #0e3633;--dark-surface: #0c221e;--brand-gradient: linear-gradient(135deg, #00A6A6 0%, #00D4AA 55%, #A7F3D0 100%);--brand-ink: #0F2A26;--brand-ink-deep: #0c221e;--brand-accent: #00A6A6;--brand-accent-soft: #00D4AA;--brand-ground: #0e3633;--brand-ground-mid: #0b4845;--brand-highlight: #A7F3D0;--brand-surface: #214643;--brand-text: #F1F5F9;--brand-muted: #94A3B8;--brand-border: #0a4f4c;--brand-header-grad-top: #0F2A26;--brand-header-grad-bot: #0c221e;--brand-login-rad-a: #0F2A26;--brand-login-rad-b: #0a1b18;--slider-rail: #0a4f4c;--slider-fill: #00A6A6;--slider-thumb: #00D4AA;--slider-thumb-border: #0c221e;--slider-thumb-ring: #00D4AA;--slider-on-dark-rail: rgba(255, 255, 255, .22);--slider-on-dark-fill: #00D4AA;--slider-on-dark-thumb: #F1F5F9;--slider-on-dark-thumb-border: #0c221e;color-scheme:dark}[data-theme=midnight-aurora][data-mode=light]{--primary: #5B4CF5;--secondary: #00E5FF;--accent: #A78BFA;--soft: #E8EAF8;--surface: #F5F7FF;--dark-surface: #0D0F1D;--brand-gradient: linear-gradient(135deg, #5B4CF5 0%, #00E5FF 55%, #A78BFA 100%);--brand-ink: #0D0F1D;--brand-ink-deep: #0D0F1D;--brand-accent: #5B4CF5;--brand-accent-soft: #00E5FF;--brand-ground: #F5F7FF;--brand-ground-mid: #E8EAF8;--brand-highlight: #A78BFA;--brand-surface: #ffffff;--brand-text: #111827;--brand-muted: #64748B;--brand-border: #D8E1E8;--brand-header-grad-top: #0D0F1D;--brand-header-grad-bot: #0D0F1D;--brand-login-rad-a: #0D0F1D;--brand-login-rad-b: #080a13;--slider-rail: #E8EAF8;--slider-fill: #5B4CF5;--slider-thumb: #5B4CF5;--slider-thumb-border: #ffffff;--slider-thumb-ring: #0D0F1D;--slider-on-dark-rail: rgba(255, 255, 255, .28);--slider-on-dark-fill: #948bf8;--slider-on-dark-thumb: #e6e4fe;--slider-on-dark-thumb-border: #0D0F1D;color-scheme:light}[data-theme=midnight-aurora][data-mode=dark]{--primary: #5B4CF5;--secondary: #00E5FF;--accent: #A78BFA;--soft: #202D5A;--surface: #10182C;--dark-surface: #0D0F1D;--brand-gradient: linear-gradient(135deg, #5B4CF5 0%, #00E5FF 55%, #A78BFA 100%);--brand-ink: #0D0F1D;--brand-ink-deep: #0D0F1D;--brand-accent: #5B4CF5;--brand-accent-soft: #00E5FF;--brand-ground: #10182C;--brand-ground-mid: #202D5A;--brand-highlight: #A78BFA;--brand-surface: #162038;--brand-text: #F1F5F9;--brand-muted: #94A3B8;--brand-border: #2A3A5C;--brand-header-grad-top: #0D0F1D;--brand-header-grad-bot: #0D0F1D;--brand-login-rad-a: #0D0F1D;--brand-login-rad-b: #0a0c17;--slider-rail: #2A3A5C;--slider-fill: #5B4CF5;--slider-thumb: #00E5FF;--slider-thumb-border: #0D0F1D;--slider-thumb-ring: #00E5FF;--slider-on-dark-rail: rgba(255, 255, 255, .22);--slider-on-dark-fill: #00E5FF;--slider-on-dark-thumb: #F1F5F9;--slider-on-dark-thumb-border: #0D0F1D;color-scheme:dark}:root{font-family:"Source Sans 3",system-ui,sans-serif;line-height:1.45;font-weight:400;color:var(--brand-text);background-color:var(--brand-ground);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html{height:100%;height:100dvh;overflow:hidden}body{margin:0;height:100%;height:100dvh;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#app{height:100%;min-height:0;overflow:hidden}button{font:inherit;cursor:pointer}.pdf-pane,.tracks-pane,.song-list,.add-track{color:var(--brand-text)}.app-shell{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--brand-ground, var(--brand-ground));overflow:hidden}.app-shell__main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:var(--mix-bar-h, 152px);box-sizing:border-box}.app-shell__body{flex:1;min-height:0;height:100%;min-width:0;display:flex;flex-direction:column;overflow:hidden}.app-body{flex:1;height:100%;display:grid;grid-template-columns:minmax(220px,1fr) minmax(380px,2.2fr) minmax(240px,1fr);grid-template-rows:minmax(0,1fr);gap:1px;background:var(--brand-ground-mid, var(--brand-ground-mid));min-height:0;min-width:0;overflow:hidden}.app-body>*,.app-body__pane{min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column}.app-body__pane>*{flex:1;min-height:0;min-width:0}.app-mobile-tabs{display:none}@media(max-width:1100px){.app-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto}.app-body__pane--score{order:1}.app-body__pane--parts{order:2}.app-body__pane--library{order:3}}@media(max-width:720px){.app-mobile-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.4rem .5rem;background:var(--brand-ink, #2a2430);flex-shrink:0}.app-mobile-tabs__btn{border:none;border-radius:8px;padding:.55rem .35rem;min-height:44px;background:transparent;color:#f2eef0;font-weight:600;font-size:.88rem}.app-mobile-tabs__btn--active{background:var(--brand-accent, #8f6a7a);color:#fff}.app-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.app-body__pane{display:none}.app-body--mobile-score .app-body__pane--score,.app-body--mobile-parts .app-body__pane--parts,.app-body--mobile-library .app-body__pane--library{display:flex;grid-row:1}}.app-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1.25rem;background:linear-gradient(180deg,var(--brand-header-grad-top, #1b4332) 0%,var(--brand-header-grad-bot, #143728) 100%);color:#f8faf8;border-bottom:1px solid var(--brand-ink-deep, #0d2818);flex-shrink:0;position:relative;z-index:20}.app-header__brand{display:flex;align-items:center;gap:.75rem;min-width:9.5rem}.app-header__brand-btn{position:relative;display:grid;place-items:start center;min-width:9.5rem;min-height:2.4rem;padding:0;border:none;background:transparent;color:inherit;text-align:left;cursor:default}.mimelyo-brand--header{position:relative;display:grid;place-items:start center;min-width:9.5rem;min-height:2.35rem}.mimelyo-brand__img--header{grid-area:1 / 1;height:2.15rem;width:auto;max-width:11.5rem;display:block;object-fit:contain;object-position:left center;transition:opacity .2s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.mimelyo-brand__tagline{grid-area:1 / 1;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.92rem;font-weight:600;letter-spacing:.04em;color:var(--brand-highlight, #b08968);opacity:0;pointer-events:none;align-self:center;transition:opacity .2s ease}.app-header__brand-btn:hover .mimelyo-brand__img--header,.app-header__brand-btn:focus-visible .mimelyo-brand__img--header{opacity:0}.app-header__brand-btn:hover .mimelyo-brand__tagline,.app-header__brand-btn:focus-visible .mimelyo-brand__tagline{opacity:1}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-header__menu-toggle{display:none;border:1px solid rgba(255,255,255,.35);background:#ffffff14;color:#f8faf8;border-radius:8px;padding:.45rem .75rem;min-height:44px;font-weight:600}.app-header__nav{display:flex;align-items:center;gap:.35rem}@media(max-width:720px){.app-header{flex-wrap:wrap;padding:.55rem .75rem}.app-header__menu-toggle{display:inline-flex;align-items:center;margin-left:auto}.app-header__nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:.25rem;padding-top:.35rem}.app-header__nav--open{display:flex}.app-header__link,.app-header__icon,.app-header__exit,.app-header__avatar{min-height:44px;justify-content:flex-start}.app-header__sep{display:none}}.app-header__link{background:transparent;border:none;color:#e9f3ec;padding:.4rem .65rem;border-radius:6px}.app-header__link:hover{background:#ffffff14}.app-header__sep{width:1px;height:1.25rem;background:#ffffff40;margin:0 .35rem}.app-header__icon{width:2rem;height:2rem;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#00000026;color:#fff;display:inline-flex;align-items:center;justify-content:center}.app-header__avatar{width:2rem;height:2rem;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:linear-gradient(145deg,#ffffff38,#0003);color:#fff;font-size:.85rem;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.app-header__avatar:hover{background:#ffffff2e}.app-header__exit{margin-left:.35rem;padding:.35rem .75rem;border-radius:6px;border:1px solid rgba(255,255,255,.35);background:#0000001f;color:#fff}.app-header__exit:hover{background:#ffffff1f}.admin-dash{flex:1;min-height:0;width:100%;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;padding:1rem 1.25rem;background:linear-gradient(180deg,var(--brand-ground-mid) 0%,var(--brand-ground) 40%);color:var(--brand-text)}.admin-dash__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;width:100%}.admin-dash__title{margin:0;font-size:1.35rem;font-weight:800;color:var(--brand-text)}.admin-dash__subtitle{margin:.25rem 0 0;font-size:.9rem;color:var(--brand-muted)}.admin-dash__back{padding:.45rem .9rem;border-radius:8px;border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-text);font-weight:600;cursor:pointer}.admin-dash__back:hover{background:var(--brand-ground)}.admin-dash__flash{margin-bottom:.75rem;padding:.6rem .75rem;border-radius:6px;background:#fde8e8;border:1px solid #f5c2c2;color:#7a1e1e;font-size:.9rem}.admin-dash__panel{width:100%;box-sizing:border-box;background:var(--brand-ground);border:1px solid var(--brand-border);border-radius:10px;padding:1rem 1.1rem;box-shadow:0 6px 18px #1437280f}.admin-dash__badge{display:inline-block;margin-left:.45rem;padding:.12rem .45rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;vertical-align:middle;background:var(--soft);border:1px solid var(--brand-accent);color:var(--brand-text)}.admin-dash__action-buttons{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.admin-dash__table td .admin-dash__badge{margin-left:0}.admin-dash__hint--tight{margin-top:-.35rem;margin-bottom:.65rem}.admin-dash__checkbox-row{display:flex;align-items:flex-start;gap:.5rem;margin:.35rem 0 .15rem;font-size:.88rem;color:var(--brand-text);cursor:pointer;-webkit-user-select:none;user-select:none}.admin-dash__checkbox-row input{margin-top:.15rem;flex-shrink:0}.admin-dash__panel-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:700;color:var(--brand-text)}.admin-dash__hint{margin:0 0 .85rem;font-size:.82rem;color:var(--brand-muted);line-height:1.35}.admin-dash__hint--accent{color:var(--brand-highlight);background:var(--soft);border:1px solid var(--brand-border);padding:.45rem .55rem;border-radius:6px}.admin-dash__muted{font-size:.82rem;color:var(--brand-muted)}.admin-dash__role-readonly{font-weight:600;color:var(--brand-text)}.admin-dash__subhead{margin:1rem 0 .35rem;font-size:1rem;font-weight:700;color:var(--brand-text)}.admin-dash__tabs-wrap{margin-bottom:1rem;padding:.65rem .75rem;border-radius:10px;border:1px solid var(--brand-border);background:#ffffffb8;box-shadow:0 4px 14px #14372812;width:100%;box-sizing:border-box}.admin-dash__tabs-label{margin:0 0 .45rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-muted)}.admin-dash__tabs{display:flex;flex-wrap:wrap;gap:.45rem}.admin-dash__tab{border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-text);padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.92rem;cursor:pointer;box-shadow:0 1px 2px #1437280f}.admin-dash__tab:hover{background:var(--brand-ground)}.admin-dash__tab[aria-selected=true]{background:linear-gradient(180deg,var(--brand-accent) 0%,var(--brand-ink) 100%);color:#f8faf8;border-color:#0d2818}.admin-dash__tab-panel{width:100%;max-width:none;box-sizing:border-box}.admin-dash__tab-panel .admin-dash__panel{margin-bottom:0}.admin-dash__form-row{display:flex;flex-wrap:wrap;gap:.65rem;align-items:flex-end;margin-bottom:.85rem}.admin-dash__form-row--tight{align-items:flex-end}.admin-dash__label{display:flex;flex-direction:column;gap:.2rem;font-size:.78rem;font-weight:600;color:var(--brand-text);min-width:min(100%,200px);flex:1}.admin-dash__label--grow{flex:3 1 280px;min-width:0}.admin-dash__community-toolbar{display:flex;flex-wrap:wrap;gap:.65rem;align-items:flex-end;margin-bottom:.75rem}.admin-dash__community-toolbar .admin-dash__label:not(.admin-dash__label--grow){flex:0 0 auto}.admin-dash__pagination{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-left:auto}.admin-dash__pagination .admin-dash__btn{padding:.35rem .55rem;font-size:.78rem}.admin-dash__pagination-status{font-size:.78rem;color:var(--brand-muted);padding:0 .25rem;white-space:nowrap}.admin-dash__input,.admin-dash__select{font:inherit;padding:.35rem .5rem;border-radius:6px;border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-text)}.admin-dash__select--inline{padding:.2rem .35rem;font-size:.85rem}.admin-dash__btn{padding:.4rem .75rem;border-radius:6px;border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-text);font-weight:600;cursor:pointer;height:fit-content}.admin-dash__btn:hover:not(:disabled):not(.admin-dash__btn--primary):not(.admin-dash__btn--danger){background:var(--brand-ground-mid)}.admin-dash__btn:disabled{opacity:.55;cursor:not-allowed}.admin-dash__btn--primary{background:linear-gradient(180deg,var(--brand-accent) 0%,var(--brand-ink) 100%);color:#f8faf8;border-color:#0d2818}.admin-dash__btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#3d8060,#256548);color:#f8faf8;border-color:#0f2e22}.admin-dash__btn--danger{border-color:#c97a7a;color:#7a1e1e;background:#fff5f5}.admin-dash__btn--danger:hover:not(:disabled){background:#ffe8e8;color:#5c1010;border-color:#c97a7a}.admin-dash__table-wrap{overflow:auto;border:1px solid var(--brand-border);border-radius:8px;max-height:min(55vh,480px)}.admin-dash__table{width:100%;border-collapse:collapse;font-size:.88rem}.admin-dash__table th,.admin-dash__table td{padding:.45rem .55rem;text-align:left;border-bottom:1px solid #e2e9e4;vertical-align:middle}.admin-dash__table th{background:var(--brand-ground-mid);font-weight:700;color:var(--brand-text);position:sticky;top:0;z-index:1}.admin-dash__th-sort{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;font:inherit;font-weight:inherit;color:inherit;background:transparent;border:none;padding:0;margin:0;cursor:pointer;text-align:left}.admin-dash__th-sort:hover{text-decoration:underline}.admin-dash__th-sort:focus-visible{outline:2px solid #2d6a4f;outline-offset:2px;border-radius:2px}.admin-dash__th-sort-icon{flex-shrink:0;font-size:.72em;line-height:1;opacity:.88}.admin-dash__cell-name{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.admin-dash__linkish{border:none;background:none;color:#2d6a4f;text-decoration:underline;cursor:pointer;font-size:.8rem;padding:0}.admin-dash__inline-edit{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.pdf-pane{background:var(--brand-ground);display:flex;flex-direction:column;min-height:0;overflow:hidden}.pdf-pane__head{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--brand-border);background:var(--brand-ground-mid);flex-shrink:0}.pdf-pane__title{margin:0;font-size:1rem;font-weight:700}.pdf-pane__toolbar{display:flex;gap:.25rem}.pdf-pane__toolbar button{width:1.75rem;height:1.75rem;border-radius:4px;border:1px solid var(--brand-border);background:var(--brand-surface)}.pdf-pane__viewport{flex:1;overflow:auto;padding:.75rem}.pdf-placeholder{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:6px;box-shadow:inset 0 0 0 1px #fff9;min-height:420px;padding:1rem}.pdf-placeholder__staff{display:flex;flex-direction:column;gap:10px;margin-bottom:1rem}.pdf-placeholder__line{height:2px;background:repeating-linear-gradient(90deg,#2f3d35 0 8px,transparent 8px 14px);opacity:.35}.pdf-placeholder__caption{margin:0;font-size:.85rem;color:var(--brand-muted)}.tracks-pane{background:var(--brand-ground);display:flex;flex-direction:column;min-height:0;height:100%;max-height:100%;overflow:hidden}.app-body>.tracks-pane{overflow:hidden}.tracks-pane>.delayed-hover-tip{flex-shrink:0}.tracks-pane__mixer{flex:1 1 0;min-height:0;min-width:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.tracks-pane__mixer>.add-track{flex-shrink:0}.tracks-pane__meta{padding:1rem 1.25rem .5rem}.tracks-pane__meta-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.tracks-pane__title{margin:0;font-size:1.35rem;font-weight:700;flex:1;min-width:0;color:var(--brand-text)}.tracks-pane__remove-btn{flex-shrink:0;margin-top:.15rem;padding:.35rem .6rem;font-size:.78rem;font-weight:600;border-radius:6px;border:1px solid #c49a94;background:#fff8f6;color:#6b2a22;cursor:pointer}.tracks-pane__remove-btn:hover:not(:disabled){background:#ffece8}.tracks-pane__remove-btn:disabled{opacity:.65;cursor:wait}.tracks-pane__details{margin:.75rem 0 0;padding:0;display:grid;gap:.35rem 1rem;font-size:.88rem}.tracks-pane__detail-row{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.5rem;align-items:baseline}.tracks-pane__detail-row dt{margin:0;font-weight:600;color:var(--brand-muted)}.tracks-pane__detail-row dd{margin:0;color:var(--brand-text);word-break:break-word}.tracks-pane__prefs{margin:.85rem 0 0;padding:.55rem .65rem;border:1px solid var(--brand-border);border-radius:8px;background:var(--brand-ground)}.tracks-pane__prefs-summary{cursor:pointer;font-weight:600;font-size:.88rem;color:var(--brand-text)}.tracks-pane__prefs-hint{margin:.45rem 0 .65rem;font-size:.8rem;color:var(--brand-muted);line-height:1.35}.tracks-pane__prefs-form{display:grid;gap:.5rem}.tracks-pane__prefs-field{display:grid;gap:.2rem}.tracks-pane__prefs-field label{font-size:.78rem;font-weight:600;color:var(--brand-muted)}.tracks-pane__prefs-field input{font:inherit;font-size:.88rem;padding:.35rem .45rem;border:1px solid var(--brand-border);border-radius:6px;color:var(--brand-text);background:var(--brand-surface)}.tracks-pane__prefs-actions{margin-top:.35rem}.tracks-pane__prefs-save{border:1px solid var(--brand-border);border-radius:8px;background:var(--brand-surface);color:var(--brand-text);padding:.4rem .75rem;font-weight:700;font-size:.85rem}.tracks-pane__prefs-save:hover:not(:disabled){background:var(--soft)}.tracks-pane__prefs-save:disabled{opacity:.65;cursor:wait}.tracks-pane__prefs-field--inline{display:flex;flex-direction:row;align-items:center;gap:.5rem}.tracks-pane__prefs-field--inline label{margin:0;font-size:.82rem;font-weight:600;color:var(--brand-muted);cursor:pointer}.tracks-pane__prefs-field select{font:inherit;font-size:.88rem;padding:.35rem .45rem;border:1px solid var(--brand-border);border-radius:6px;color:var(--brand-text);background:var(--brand-surface)}.tracks-pane__prefs-loading{margin:0;font-size:.8rem;color:var(--brand-muted)}.add-track{margin:0 1rem .5rem;padding:.75rem .85rem;border:1px dashed #bdd0c3;border-radius:10px;background:var(--brand-ground);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem}.add-track__copy{min-width:0}.add-track__title{margin:0;font-size:.95rem;font-weight:700;color:var(--brand-text)}.add-track__hint{margin:.15rem 0 0;font-size:.82rem;color:var(--brand-muted)}.add-track__actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.add-track__button{border:1px solid var(--brand-border);border-radius:8px;background:var(--brand-surface);color:var(--brand-text);padding:.45rem .65rem;font-weight:700}.add-track__button:hover:not(:disabled){background:var(--soft)}.add-track__button:disabled{cursor:wait;opacity:.7}.add-track__button--recording{background:#fff0f0;border-color:#d99696;color:#7d2d2d}.add-track__file{display:none}.add-track__message{grid-column:1 / -1;margin:-.25rem 0 0;font-size:.8rem;color:var(--brand-muted)}@media(max-width:720px){.add-track{grid-template-columns:1fr}.add-track__actions{justify-content:flex-start}}.tracks-pane__list{padding:.5rem 1rem 1rem;display:flex;flex-direction:column;gap:.85rem;flex:0 0 auto;min-width:0;overflow-x:hidden;width:100%;box-sizing:border-box}.tracks-pane__metro-track{--metro-accent: #1a535c;position:relative;border-radius:10px;background:var(--brand-surface);border:1px solid var(--brand-border);box-shadow:0 2px 8px #2227241f;overflow:hidden}.tracks-pane__metro-track:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--metro-accent)}.tracks-pane__metro-track--no-stems{opacity:.9}.tracks-pane__metro-track-summary{list-style:none;display:grid;grid-template-columns:.85rem minmax(4.5rem,max-content) 1fr;align-items:center;column-gap:.75rem;padding:.68rem 1.1rem .68rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.tracks-pane__metro-track-summary::-webkit-details-marker{display:none}.tracks-pane__metro-track-summary::marker{content:""}.tracks-pane__metro-track-chevron{display:inline-block;width:.4rem;height:.4rem;margin-top:.1rem;border-right:2px solid var(--brand-muted);border-bottom:2px solid var(--brand-muted);transform:rotate(-45deg);transition:transform .15s ease;justify-self:center}.tracks-pane__metro-track[open] .tracks-pane__metro-track-chevron{transform:rotate(45deg);margin-top:.2rem}.tracks-pane__metro-track-title{font-weight:700;font-size:.98rem;letter-spacing:.04em;color:var(--brand-text)}.tracks-pane__metro-track-meta{font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--brand-muted);text-align:right;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracks-pane__metro-track-body{padding:0 1.1rem .85rem 1.25rem;border-top:1px solid rgba(231,225,214,.9);margin-left:5px}.tracks-pane__metro-track-hint{margin:.55rem 0 .4rem;font-size:.78rem;line-height:1.35;color:var(--brand-muted)}.tracks-pane__metro-track-needs-tracks{margin:0 0 .5rem;font-size:.78rem;font-weight:600;color:#8a5a3a;line-height:1.35}.tracks-pane__metro-panel-grid{display:grid;grid-template-columns:minmax(5.5rem,max-content) max-content 1fr;column-gap:1rem;row-gap:.45rem;align-items:stretch;padding-top:.15rem}.tracks-pane__metro-spacer{grid-column:1;grid-row:1 / span 2;min-height:1px}.tracks-pane__metro-btn-group-cell,.tracks-pane__metro-panel-grid .tracks-pane__metro-btn-group-cell.track-row__btn-group{grid-column:2;grid-row:1 / span 2;align-self:center}.tracks-pane__metro-slider-col{grid-column:3;grid-row:1 / span 2;display:flex;flex-direction:column;gap:.5rem;min-width:0}.tracks-pane__metro-slider-col .delayed-hover-tip--full{min-width:0}.tracks-pane__metro-slider-line{display:grid;grid-template-columns:minmax(2rem,2.75rem) 1fr 2.25rem;align-items:center;gap:.65rem;min-width:0}.tracks-pane__metro-tag{font-size:.72rem;font-weight:700;color:var(--brand-muted);letter-spacing:.03em;text-transform:uppercase}.tracks-pane__metro-panel-grid .track-btn:disabled,.tracks-pane__metro-panel-grid .track-row__slider:disabled{opacity:.55;cursor:not-allowed}@media(max-width:720px){.tracks-pane__metro-panel-grid{grid-template-columns:1fr;row-gap:.65rem}.tracks-pane__metro-spacer{display:none}.tracks-pane__metro-btn-group-cell{grid-column:1;grid-row:1;justify-self:start}.tracks-pane__metro-slider-col{grid-column:1;grid-row:2}}@media(max-width:720px){.tracks-pane__metro-track-summary{grid-template-columns:.85rem 1fr;grid-template-rows:auto auto;row-gap:.25rem}.tracks-pane__metro-track-chevron{grid-row:1 / span 2;align-self:center}.tracks-pane__metro-track-title{grid-column:2}.tracks-pane__metro-track-meta{grid-column:2;text-align:left}}.track-row{--track-accent: var(--brand-accent, #8f6a7a);--slider-fill: var(--brand-accent, #8f6a7a);--slider-thumb: var(--brand-accent, #8f6a7a);position:relative;display:grid;grid-template-columns:minmax(5.5rem,max-content) max-content 1fr;grid-template-rows:auto auto;column-gap:1rem;row-gap:.45rem;align-items:center;padding:.7rem 1.1rem .8rem 1.25rem;border-radius:10px;background:var(--brand-surface, var(--brand-surface));border:1px solid color-mix(in srgb,var(--brand-ground-mid, var(--brand-border)) 85%,var(--brand-ink, #2a2430));box-shadow:0 2px 8px #2227241f;overflow:hidden}.track-row:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--track-accent)}.track-row--amber{--track-accent: var(--brand-highlight, #b07a2a);--slider-fill: var(--brand-highlight, #b07a2a);--slider-thumb: var(--brand-highlight, #b07a2a)}.track-row--dim .track-row__wave{opacity:.42}.track-row__label{grid-column:1;grid-row:1;font-weight:700;font-size:.98rem;letter-spacing:.04em;color:var(--brand-text, var(--brand-text))}.track-row__btn-group{grid-column:2;grid-row:1;display:flex;align-items:center;gap:.65rem;justify-self:start;align-self:center}.track-row__volume{width:100%;min-width:0;display:grid;grid-template-columns:1fr 2.25rem;align-items:center;gap:.8rem}.track-row__wave{grid-column:1 / -1;grid-row:2;min-height:58px}.track-row>.delayed-hover-tip--full{grid-column:3;grid-row:1;min-width:0;align-self:center}.track-btn{width:2.25rem;height:2.1rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--brand-ground-mid, #e3ded5) 80%,var(--brand-ink, var(--brand-text)));background:color-mix(in srgb,var(--brand-ground, #f5f2ec) 70%,var(--brand-surface, var(--brand-surface)));color:var(--brand-text, var(--brand-text));box-shadow:0 1px 5px #2b251c14;font-size:.86rem;font-weight:700}.track-btn--active{background:color-mix(in srgb,var(--brand-accent-soft, #a67f90) 35%,var(--brand-surface, var(--brand-surface)));border-color:var(--brand-accent, #8f6a7a);color:var(--brand-ink, #2a2430)}.track-btn--solo{background:color-mix(in srgb,var(--brand-highlight, #b08968) 42%,var(--brand-surface, var(--brand-surface)));border-color:color-mix(in srgb,var(--brand-highlight, #b08968) 75%,var(--brand-ink, #2a2430))}.track-btn--edit{min-width:auto;padding:0 .55rem;font-size:.72rem;font-weight:700}.track-row__slider,.add-track-modal__label--inline input[type=range]{--_rail: var(--slider-rail, #d9d0d6);--_fill: var(--slider-fill, var(--brand-accent, #8f6a7a));--_thumb: var(--slider-thumb, var(--brand-accent, #8f6a7a));--_thumb-border: var(--slider-thumb-border, #ffffff);--_thumb-ring: var(--slider-thumb-ring, var(--brand-ink, #2a2430));width:100%;height:1.35rem;margin:0;padding:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;accent-color:var(--_fill);cursor:pointer}.track-row__slider::-webkit-slider-runnable-track,.add-track-modal__label--inline input[type=range]::-webkit-slider-runnable-track{height:.42rem;border-radius:999px;background:linear-gradient(to right,var(--_fill) 0%,var(--_fill) var(--slider-progress, 50%),var(--_rail) var(--slider-progress, 50%),var(--_rail) 100%);border:1px solid color-mix(in srgb,var(--_thumb-ring) 18%,transparent)}.track-row__slider::-webkit-slider-thumb,.add-track-modal__label--inline input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.05rem;height:1.05rem;margin-top:calc((.42rem - 1.05rem) / 2 - 1px);border-radius:50%;background:var(--_thumb);border:2px solid var(--_thumb-border);box-shadow:0 0 0 1px color-mix(in srgb,var(--_thumb-ring) 55%,transparent),0 1px 3px #00000047}.track-row__slider::-moz-range-track,.add-track-modal__label--inline input[type=range]::-moz-range-track{height:.42rem;border-radius:999px;background:var(--_rail);border:1px solid color-mix(in srgb,var(--_thumb-ring) 18%,transparent)}.track-row__slider::-moz-range-progress,.add-track-modal__label--inline input[type=range]::-moz-range-progress{height:.42rem;border-radius:999px;background:var(--_fill)}.track-row__slider::-moz-range-thumb,.add-track-modal__label--inline input[type=range]::-moz-range-thumb{width:1.05rem;height:1.05rem;border-radius:50%;background:var(--_thumb);border:2px solid var(--_thumb-border);box-shadow:0 0 0 1px color-mix(in srgb,var(--_thumb-ring) 55%,transparent),0 1px 3px #00000047}.track-row__slider:focus-visible,.add-track-modal__label--inline input[type=range]:focus-visible{outline:2px solid var(--_fill);outline-offset:3px}.track-row__slider:disabled,.add-track-modal__label--inline input[type=range]:disabled{opacity:.45;cursor:not-allowed}.track-row__vol-num{text-align:right;font-variant-numeric:tabular-nums;font-size:.9rem;color:var(--brand-muted, #534b42)}@media(max-width:720px){.track-row{grid-template-columns:1fr}.track-row__label{grid-column:1;grid-row:1}.track-row__btn-group{grid-column:1;grid-row:2}.track-row>.delayed-hover-tip--full{grid-column:1;grid-row:3}.track-row__wave{grid-column:1;grid-row:4}}.waveform{position:relative;display:flex;align-items:flex-end;gap:2px;height:52px;padding:4px 6px;border-radius:6px;background:#eef2ef;overflow:hidden}.waveform--dim{filter:grayscale(.15)}.waveform--mono{align-items:flex-end}.waveform__bar{flex:1;min-width:2px;border-radius:1px;align-self:flex-end;background:var(--brand-accent-soft);opacity:.85}.waveform--amber .waveform__bar{background:var(--brand-highlight)}.waveform__bar--played{opacity:1;filter:brightness(.92)}.waveform--stereo{align-items:stretch;gap:2px;height:58px;padding:2px 0;background:transparent}.waveform--stereo:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#998b7747;transform:translateY(-50%)}.waveform__sample{position:relative;z-index:1;flex:1;min-width:2px;display:grid;grid-template-rows:1fr 1fr}.waveform__channel{width:100%;border-radius:999px;background:var(--brand-accent);opacity:.18}.waveform--amber .waveform__channel{background:var(--brand-highlight)}.waveform__sample--played .waveform__channel{opacity:.9}.waveform__channel--right{align-self:end;height:var(--right-channel-height)}.waveform__channel--left{align-self:start;height:var(--left-channel-height)}.waveform__playhead{position:absolute;top:0;bottom:0;z-index:2;width:2px;margin-left:-1px;background:var(--brand-ink);box-shadow:0 0 0 1px #fff9;pointer-events:none}.song-list{background:var(--brand-ground);display:flex;flex-direction:column;min-height:0;height:100%;max-height:100%;overflow:hidden}.app-body>.song-list{overflow:hidden}.song-list__title{margin:0;padding:.65rem .85rem;font-size:1rem;font-weight:700;border-bottom:1px solid var(--brand-border);background:var(--brand-ground-mid);flex-shrink:0}.song-list__tabs{display:flex;flex-wrap:wrap;gap:.35rem;padding:.45rem .65rem;border-bottom:1px solid var(--brand-border);background:var(--brand-ground);flex-shrink:0}.song-list__tab{padding:.35rem .55rem;font-size:.78rem;font-weight:600;color:var(--brand-text);background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:6px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-list__tab:hover{background:var(--soft)}.song-list__tab--active{background:var(--soft);border-color:var(--brand-accent);color:var(--brand-text)}.song-list__actions{padding:.5rem .85rem;border-bottom:1px solid var(--brand-border);background:var(--brand-ground);flex-shrink:0}.song-list__browser{padding:.35rem .65rem .5rem;border-bottom:1px solid var(--brand-border);background:var(--brand-ground);flex-shrink:0}.song-list__browser-search{width:100%;box-sizing:border-box;font:inherit;font-size:.82rem;padding:.3rem .45rem;border-radius:6px;border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-text)}.song-list__browser-error{margin:0;padding:.35rem .65rem;font-size:.82rem;color:#8b2c2c;background:#fff5f5;border-bottom:1px solid #e8c4bc;flex-shrink:0}.song-list__scroll{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.song-list__pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .65rem .55rem;border-top:1px solid var(--brand-border);background:var(--brand-ground);flex-shrink:0}.song-list__pager-meta{font-size:.75rem;color:var(--brand-muted)}.song-list__pager-btns{display:flex;align-items:center;gap:.35rem}.song-list__pager-btn{font:inherit;font-size:.72rem;font-weight:600;padding:.25rem .45rem;border-radius:6px;border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-text);cursor:pointer}.song-list__pager-btn:disabled{opacity:.45;cursor:not-allowed}.song-list__pager-page{font-size:.72rem;color:var(--brand-muted);min-width:3.5rem;text-align:center}.song-list__new-btn{width:100%;padding:.45rem .65rem;font-size:.88rem;font-weight:600;color:var(--brand-text);background:var(--soft);border:1px solid var(--brand-border);border-radius:8px;cursor:pointer}.song-list__new-btn:hover{background:var(--soft)}.song-list__empty{margin:0;padding:1rem .85rem;font-size:.88rem;color:var(--brand-muted);line-height:1.45}.song-list__empty-wrap{flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:1rem .85rem 1.25rem;gap:.85rem;min-height:min(50vh,16rem);box-sizing:border-box}.song-list__empty-wrap .song-list__empty{padding:0;text-align:center}.song-list__empty-cta{max-width:18rem;margin:0 auto;width:100%}.song-list__ul{list-style:none;margin:0;padding:.35rem;flex:0 0 auto;min-width:0}.song-list__item{width:100%;text-align:left;border:1px solid transparent;border-radius:8px;padding:.55rem .65rem;background:transparent;display:grid;gap:.15rem}.song-list__item:hover{background:#ffffffa6}.song-list__item--active{background:var(--soft);border-color:var(--brand-border)}.song-list__song-title{font-weight:600;color:var(--brand-text)}.song-list__meta{font-size:.78rem;color:var(--brand-muted)}.song-list__dur{font-size:.78rem;color:var(--brand-muted);font-variant-numeric:tabular-nums}.mix-bar-dock{position:fixed;left:0;right:0;bottom:0;z-index:50;padding-bottom:env(safe-area-inset-bottom,0);box-sizing:border-box}.mix-bar{flex-shrink:0;background:linear-gradient(180deg,var(--brand-header-grad-top, #1b4332) 0%,var(--brand-header-grad-bot, #143728) 100%);color:#f8faf8;border-top:1px solid var(--brand-ink-deep, #0d2818);padding:.5rem 1rem .65rem}.mix-bar__inner{display:flex;flex-direction:column;gap:.4rem;align-items:stretch;min-width:0}.mix-bar__wave-row{width:100%;min-width:0}.mix-bar__wave-row>.delayed-hover-tip--full{width:100%;min-width:0}.mix-bar__wave-wrap{width:100%;min-width:0;box-sizing:border-box}.mix-bar__info-block{display:flex;flex-direction:column;align-items:flex-start;min-width:0;width:100%}.mix-bar__controls-row{display:grid;grid-template-columns:minmax(140px,.9fr) minmax(200px,1fr) minmax(160px,1fr);gap:1rem;align-items:center;min-width:0}.mix-bar__controls-row .mix-bar__transport{justify-self:center}@media(max-width:900px){.mix-bar__controls-row{grid-template-columns:1fr;justify-items:center;text-align:center}.mix-bar__controls-row .mix-bar__info-block{align-items:center}.mix-bar__controls-row .mix-bar__transport{justify-self:center}.mix-bar__right{justify-content:center;flex-wrap:wrap}}.mix-bar__song{font-weight:700}.mix-bar__cat{font-size:.82rem;opacity:.85}.mix-bar__wave-wrap .waveform{width:100%;height:64px;background:#ffffff14}.mix-bar__wave-seek{cursor:ew-resize}.mix-bar__wave-seek:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-highlight, #b08968) 75%,#fff);outline-offset:2px;border-radius:6px}.mix-bar__wave-seek--disabled{cursor:not-allowed;pointer-events:none;opacity:.55}.mix-bar__wave-wrap .waveform__bar{background:var(--brand-accent-soft, #8fd6ae)}.mix-bar__transport{display:flex;align-items:center;justify-content:center;gap:.45rem}.mix-btn{width:2rem;height:2rem;border-radius:6px;border:1px solid rgba(255,255,255,.35);background:#00000026;color:#fff}.mix-btn:hover:not(:disabled){background:#ffffff1f}.mix-btn:disabled{opacity:.45;cursor:not-allowed}.mix-btn--play{width:3rem;height:3rem;border-radius:999px;font-size:1rem;background:var(--brand-accent, var(--brand-accent));border-color:var(--brand-accent-soft, #40916c)}.mix-btn--play:hover:not(:disabled){background:var(--brand-accent-soft, #40916c)}.mix-btn--playing{font-size:.85rem}.mix-btn--active{background:color-mix(in srgb,var(--brand-highlight, #b08968) 42%,transparent);border-color:color-mix(in srgb,var(--brand-highlight, #b08968) 75%,#fff)}.mix-bar__right{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.mix-bar__time{font-variant-numeric:tabular-nums;font-size:.9rem}.mix-bar__master{display:flex;align-items:center;gap:.35rem}.mix-bar__master input[type=range],.mix-bar__master-slider{--_rail: var(--slider-on-dark-rail, rgba(255, 255, 255, .28));--_fill: var(--slider-on-dark-fill, var(--brand-accent-soft, #a67f90));--_thumb: var(--slider-on-dark-thumb, #f7eef2);--_thumb-border: var(--slider-on-dark-thumb-border, var(--brand-ink-deep, #1c1822));--_thumb-ring: rgba(255, 255, 255, .55);width:110px;height:1.25rem;margin:0;padding:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;accent-color:var(--_fill);cursor:pointer}.mix-bar__master-slider::-webkit-slider-runnable-track{height:.38rem;border-radius:999px;background:linear-gradient(to right,var(--_fill) 0%,var(--_fill) var(--slider-progress, 50%),var(--_rail) var(--slider-progress, 50%),var(--_rail) 100%)}.mix-bar__master-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.95rem;height:.95rem;margin-top:-.285rem;border-radius:50%;background:var(--_thumb);border:2px solid var(--_thumb-border);box-shadow:0 0 0 1px var(--_thumb-ring),0 1px 3px #00000059}.mix-bar__master-slider::-moz-range-track{height:.38rem;border-radius:999px;background:var(--_rail)}.mix-bar__master-slider::-moz-range-progress{height:.38rem;border-radius:999px;background:var(--_fill)}.mix-bar__master-slider::-moz-range-thumb{width:.95rem;height:.95rem;border-radius:50%;background:var(--_thumb);border:2px solid var(--_thumb-border);box-shadow:0 0 0 1px var(--_thumb-ring),0 1px 3px #00000059}.mix-bar__master-slider:focus-visible{outline:2px solid var(--_fill);outline-offset:2px}.mix-bar__hint{position:relative;display:inline-flex}.mix-bar__hint-btn{width:1.8rem;height:1.8rem;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#00000026;color:#fff;font-weight:700;line-height:1}.mix-bar__hint-btn:hover{background:#ffffff1f}.mix-bar__hint-popup{position:absolute;right:0;bottom:calc(100% + .45rem);width:250px;padding:.55rem .65rem;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:color-mix(in srgb,var(--brand-ink-deep, #0d2818) 94%,#000);color:#f8faf8;font-size:.78rem;box-shadow:0 6px 20px #00000059;display:none;pointer-events:none;z-index:4}.mix-bar__hint-popup strong{display:block;margin-bottom:.3rem}.mix-bar__hint:hover .mix-bar__hint-popup{display:block}.app-shell--center{display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.app-shell__error{max-width:28rem;color:#7c2d12}.app-shell__flash{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1.25rem;background:#fff4f0;border-bottom:1px solid #e8c4bc;color:#5c1a12;font-size:.9rem;flex-shrink:0}.app-shell__flash-text{flex:1;min-width:0}.app-shell__flash-dismiss{flex-shrink:0;border:1px solid #c9a39a;border-radius:6px;background:var(--brand-surface);padding:.25rem .55rem;font-size:.82rem;cursor:pointer}.app-shell__flash-dismiss:hover{background:#fff8f6}.add-track-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f231a8c;display:flex;align-items:center;justify-content:center;padding:1rem;cursor:default}.add-track-modal{width:min(520px,100%);max-height:min(90vh,720px);overflow:auto;background:#f6faf7;border-radius:12px;border:1px solid #c5d6cc;box-shadow:0 18px 48px #00000047}.add-track-modal__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--brand-border);background:linear-gradient(180deg,var(--soft) 0%,#e8f0ea 100%)}.add-track-modal__title{margin:0;font-size:1.05rem;font-weight:700;color:#1c3428}.add-track-modal__close{width:2rem;height:2rem;border:none;border-radius:8px;background:transparent;font-size:1.35rem;line-height:1;cursor:pointer;color:#3d5247}.add-track-modal__close:hover{background:#0000000f}.add-track-modal__body{padding:1rem 1.1rem 1.15rem}.add-track-modal__lead{margin:0 0 1rem;font-size:.88rem;color:var(--brand-muted);line-height:1.45}.add-track-modal__lead--tight{margin-bottom:.65rem}.live-mic-waveform{width:100%;height:88px;border-radius:10px;overflow:hidden;border:1px solid #c5d6cc;background:#e8f0ea;margin-bottom:.65rem}.live-mic-waveform__canvas{display:block;width:100%;height:100%}.add-track-modal__rec-live{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.82rem;font-weight:600;color:#1c3428}.add-track-modal__rec-dot{width:10px;height:10px;border-radius:50%;background:#c1121f;flex-shrink:0;box-shadow:0 0 0 2px #c1121f40;animation:add-track-rec-pulse 1.25s ease-in-out infinite}.add-track-modal__rec-live--paused .add-track-modal__rec-dot{animation:none;background:#6b7f74;box-shadow:0 0 0 2px #6b7f7459}@keyframes add-track-rec-pulse{50%{opacity:.55;transform:scale(.92)}}.add-track-modal__rec-label{flex:1;min-width:0}.add-track-modal__rec-time{font-variant-numeric:tabular-nums;color:#2d6a4f}.add-track-modal__actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.add-track-modal__actions button{padding:.45rem .85rem;border-radius:8px;border:1px solid #b9c8bf;background:var(--brand-surface);font:inherit;cursor:pointer}.add-track-modal__primary{background:var(--brand-accent)!important;border-color:#40916c!important;color:#fff!important}.add-track-modal__primary:hover:not(:disabled){filter:brightness(1.05)}.add-track-modal__file-label{cursor:pointer;display:inline-flex;align-items:center}.add-track-modal__replace-stem{margin-top:.65rem}.add-track-modal__file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.add-track-modal__status{margin:.65rem 0 0;font-size:.85rem;color:#3d5247}.add-track-modal__label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:600;color:var(--brand-text);margin-bottom:.65rem}.add-track-modal__input{padding:.45rem .55rem;border-radius:6px;border:1px solid var(--brand-border);font:inherit}.add-track-modal__details{margin-top:.75rem;margin-bottom:1rem;border:1px solid #c5d4c8;border-radius:8px;background:var(--brand-ground);padding:0 .35rem .35rem}.add-track-modal__details-summary{cursor:pointer;padding:.55rem .5rem;font-weight:600;font-size:.88rem;color:var(--brand-text)}.add-track-modal__details-body{padding:0 .4rem .6rem;display:flex;flex-direction:column;gap:.65rem}.add-track-modal__details-hint{margin:0;font-size:.8rem;color:#5a6b62;line-height:1.35}.add-track-modal__align-lead{margin:.85rem 0 .45rem;font-size:.86rem;color:#3d5247;line-height:1.35}.add-track-modal__trim-readouts{display:flex;flex-wrap:wrap;gap:.65rem 1rem;margin:.35rem 0 .65rem;font-size:.78rem;color:var(--brand-muted)}.add-track-modal__gain-row{display:flex;align-items:center;gap:.75rem;margin:.5rem 0 .65rem}.add-track-modal__label--inline{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:.5rem;flex-wrap:wrap}.add-track-modal__label--inline input[type=range]{flex:1;min-width:120px}.add-track-modal__gain-value{font-variant-numeric:tabular-nums;min-width:2.75rem;font-size:.85rem;color:var(--brand-muted, var(--brand-text))}.add-track-modal__input--narrow{max-width:8rem}.add-track-modal__fieldset{margin:.65rem 0;padding:.5rem .65rem;border:1px solid #c5d4c8;border-radius:8px;background:#f9fcfa}.add-track-modal__fieldset legend{padding:0 .35rem;font-size:.82rem;font-weight:600;color:var(--brand-text)}.add-track-modal__radio{display:flex;align-items:center;gap:.4rem;margin:.25rem 0;font-size:.82rem;cursor:pointer}.add-track-modal__preview-transport{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;margin:.5rem 0 .75rem}.add-track-modal__preview-transport button{padding:.35rem .55rem;border-radius:6px;border:1px solid var(--brand-border);background:var(--brand-surface);font-size:.82rem;cursor:pointer}.add-track-modal__check{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;cursor:pointer}.add-track-trim{margin:.35rem 0 .25rem}.add-track-trim__bar{position:relative;height:3.25rem;border-radius:8px;overflow:hidden;border:1px solid var(--brand-border);background:var(--brand-ground-mid);touch-action:none}.add-track-trim__wave-wrap{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.95}.add-track-trim__shade{position:absolute;top:0;bottom:0;background:#14281e61;pointer-events:none}.add-track-trim__shade--before{left:0}.add-track-trim__shade--after{right:0}.add-track-trim__handle{position:absolute;top:0;bottom:0;width:14px;margin-left:-7px;padding:0;border:none;background:linear-gradient(90deg,#2d6a4f26,#2d6a4fd9);cursor:ew-resize;z-index:2;border-radius:2px}.add-track-trim__handle--out{margin-left:-7px}.preview-stem-meter{width:4.5rem;flex-shrink:0}.preview-stem-meter__track{height:2.5rem;border:1px solid var(--brand-border);border-radius:4px;background:#f0f4f1;overflow:hidden}.preview-stem-meter__fill{height:100%;width:100%;transform-origin:left center;background:linear-gradient(180deg,#52b788,var(--brand-accent));transition:transform .05s linear}.add-track-modal__label--compact{margin-bottom:.35rem}.add-track-modal__wave{margin-bottom:.65rem}.add-track-modal__audio{width:100%;margin-bottom:.35rem}.add-track-modal__time{font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--brand-muted);margin-bottom:.65rem}.add-track-modal__hint{margin:0 0 .85rem;font-size:.78rem;color:#5a6b62;line-height:1.4}.add-track-modal__hint code{font-size:.76rem;background:var(--brand-ground-mid);padding:.1rem .25rem;border-radius:4px}.add-track-modal__message{padding:0 1rem 1rem;margin:0;font-size:.82rem;color:#b45309}.create-song-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#0f231a8c;display:flex;align-items:center;justify-content:center;padding:1rem;cursor:default}.create-song-modal{width:min(480px,100%);max-height:min(90vh,640px);overflow:auto;background:#f6faf7;border-radius:12px;border:1px solid #c5d6cc;box-shadow:0 18px 48px #00000047}.create-song-modal__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--brand-border);background:linear-gradient(180deg,var(--soft) 0%,#e8f0ea 100%)}.create-song-modal__title{margin:0;font-size:1.05rem;font-weight:700;color:#1c3428}.create-song-modal__close{width:2rem;height:2rem;border:none;border-radius:8px;background:transparent;font-size:1.35rem;line-height:1;cursor:pointer;color:#3d5247}.create-song-modal__close:hover:not(:disabled){background:#0000000f}.create-song-modal__close:disabled{opacity:.45;cursor:not-allowed}.create-song-modal__body{padding:1rem 1.1rem 1.15rem}.create-song-modal__lead{margin:0 0 1rem;font-size:.88rem;color:var(--brand-muted);line-height:1.45}.create-song-modal__community-row{display:flex;align-items:flex-start;gap:.5rem;margin:0 0 .35rem;font-size:.88rem;color:var(--brand-text);cursor:pointer;-webkit-user-select:none;user-select:none}.create-song-modal__community-row input{margin-top:.15rem;flex-shrink:0}.create-song-modal__community-hint{margin:0 0 1rem;font-size:.78rem;color:var(--brand-muted);line-height:1.35}.create-song-modal__fieldset{margin:0 0 1rem;padding:.75rem .85rem .85rem;border:1px solid var(--brand-border);border-radius:10px;background:var(--brand-ground)}.create-song-modal__legend{padding:0 .35rem;font-size:.82rem;font-weight:700;color:#2d4a3a}.create-song-modal__field{margin-bottom:.75rem}.create-song-modal__field:last-child{margin-bottom:0}.create-song-modal__label{display:block;margin-bottom:.3rem;font-size:.82rem;font-weight:600;color:#2d4a3a}.create-song-modal__input,.create-song-modal__textarea{width:100%;box-sizing:border-box;padding:.45rem .55rem;font-size:.9rem;border:1px solid #c5d6cc;border-radius:8px;background:var(--brand-surface);color:#1c3428}.create-song-modal__textarea{resize:vertical;min-height:4.5rem;font-family:inherit}.create-song-modal__field-error{margin:.25rem 0 0;font-size:.78rem;color:#9b1c1c}.create-song-modal__api-error{margin:0 0 .85rem;padding:.5rem .65rem;font-size:.82rem;color:#7c1d1d;background:#fdeaea;border:1px solid #e8c4c4;border-radius:8px}.create-song-modal__actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.create-song-modal__btn{padding:.45rem .85rem;font-size:.88rem;font-weight:600;border-radius:8px;border:1px solid #b8c9bf;background:var(--brand-surface);color:#1c3428;cursor:pointer}.create-song-modal__btn:hover:not(:disabled){background:#eef4f0}.create-song-modal__btn:disabled{opacity:.6;cursor:not-allowed}.create-song-modal__btn--primary{background:var(--brand-accent);border-color:#40916c;color:#f2faf5}.create-song-modal__btn--primary:hover:not(:disabled){background:#245a43}.login-gate{height:100%;min-height:0;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:radial-gradient(ellipse 120% 80% at 50% -20%,var(--brand-login-rad-a, #2a2430) 0%,var(--brand-login-rad-b, #121018) 55%)}.login-gate__card{width:100%;max-width:380px;padding:1.75rem 1.5rem;border-radius:14px;background:color-mix(in srgb,var(--brand-ink, #2a2430) 88%,#000);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 48px #00000059}.login-gate__brand{display:flex;justify-content:center;margin:0 0 .65rem}.mimelyo-brand--login{display:flex;justify-content:center;width:100%}.mimelyo-brand__img--login{height:3.25rem;width:auto;max-width:100%;display:block;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.login-gate__title{margin:0 0 .35rem;font-family:"Source Sans 3",system-ui,sans-serif;font-size:2.4rem;font-weight:700;letter-spacing:.02em;color:#f2eef0;text-align:center}.login-gate__subtitle{margin:0 0 .35rem;font-size:1rem;font-weight:600;color:var(--brand-highlight, #b08968);text-align:center;line-height:1.45;letter-spacing:.04em}.login-gate__segments{margin:0 0 .5rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#f2eef08c;text-align:center}.login-gate__support{margin:0 0 1.35rem;font-size:.88rem;color:#f2eef0b8;text-align:center;line-height:1.45}.login-gate__form{display:flex;flex-direction:column;gap:.85rem}.login-gate__label{display:flex;flex-direction:column;gap:.35rem;width:100%;font-size:.82rem;font-weight:600;color:#c5d4df}.login-gate__input{box-sizing:border-box;width:100%;font:inherit;padding:.65rem .75rem;min-height:44px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#00000047;color:#e8eef5}.login-gate__input:focus{outline:2px solid var(--brand-accent, #8f6a7a);outline-offset:1px}.login-gate__input:disabled{opacity:.65}.login-gate__error{margin:0;font-size:.84rem;color:#f0b090;text-align:center}.login-gate__submit{box-sizing:border-box;width:100%;margin-top:.35rem;padding:.75rem 1rem;min-height:44px;border-radius:10px;border:none;font:inherit;font-weight:650;cursor:pointer;background:var(--brand-accent, #8f6a7a);color:#fff}.login-gate__submit:hover:not(:disabled){filter:brightness(1.06)}.login-gate__submit:disabled{opacity:.65;cursor:not-allowed}.login-gate__footer-hint{margin:1rem 0 0;text-align:center;font-size:.9rem;color:#3d5c4d}.login-gate__linkish{border:none;background:none;color:#2d6a4f;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}.config-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:stretch;justify-content:center;padding:clamp(.75rem,2.5vh,1.75rem) clamp(.85rem,4vw,2.75rem);box-sizing:border-box;background:#0c121c80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.config-modal{width:100%;max-width:72rem;max-height:100%;margin:0 auto;overflow:auto;border-radius:14px;background:var(--brand-ground);border:1px solid var(--brand-border);box-shadow:0 18px 48px #00000059;color:var(--brand-text)}.config-modal__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem clamp(1.1rem,2.5vw,1.75rem);border-bottom:1px solid var(--brand-border, #c5dccf);background:linear-gradient(180deg,var(--brand-ground-mid, #e8f3ec) 0%,var(--brand-ground, #dff0e6) 100%);color:var(--brand-text);position:sticky;top:0;z-index:1}.config-modal__title{margin:0;font-size:1.15rem;font-weight:700;color:var(--brand-text, var(--brand-text))}.config-modal__close{flex-shrink:0;width:2rem;height:2rem;border-radius:8px;border:1px solid var(--brand-border, var(--brand-border));background:var(--brand-surface, var(--brand-surface));color:var(--brand-text, var(--brand-text));font-size:1.25rem;line-height:1}.config-modal__close:hover{background:var(--brand-ground-mid, var(--soft))}.config-modal__body{padding:1.15rem clamp(1.1rem,2.5vw,1.75rem) 1.5rem}.config-modal__lead{margin:0 0 1rem;font-size:.92rem;color:var(--brand-muted, var(--brand-text))}.config-modal__section{margin-top:.25rem}.config-modal__section-title{margin:0 0 .35rem;font-size:.95rem;font-weight:700;color:var(--brand-text, var(--brand-text))}.config-modal__hint{margin:0 0 .75rem;font-size:.82rem;color:var(--brand-muted, #3d5c4d);line-height:1.35}.config-modal__hint--tight{margin-top:-.25rem;margin-bottom:0}.config-modal__check-row{display:flex;align-items:flex-start;gap:.55rem;margin:.35rem 0 .5rem}.config-modal__theme-list{list-style:none;margin:.5rem 0 .75rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:.5rem}.config-modal__theme-btn{width:100%;display:flex;align-items:center;gap:.65rem;min-height:44px;padding:.45rem .65rem;border-radius:8px;border:1px solid var(--brand-border, var(--brand-border));background:var(--brand-surface, var(--brand-surface));color:var(--brand-text, var(--brand-text));text-align:left;font-weight:600}.config-modal__theme-btn--active{border-color:var(--brand-accent, #8f6a7a);box-shadow:inset 0 0 0 1px var(--brand-accent, #8f6a7a)}.config-modal__theme-swatch{width:1.35rem;height:1.35rem;border-radius:999px;flex-shrink:0;border:1px solid rgba(0,0,0,.12)}.config-modal__theme-btn--plum .config-modal__theme-swatch{background:linear-gradient(135deg,#8f6a7a,#a67f90 55%,#b08968)}.config-modal__theme-btn--spruce .config-modal__theme-swatch{background:linear-gradient(135deg,#3d8f6f,#52b788 55%,#c4a35a)}.config-modal__theme-btn--night .config-modal__theme-swatch{background:linear-gradient(135deg,#7a9e8a,#95b5a3 55%,#d4a574)}.config-modal__theme-btn--sea .config-modal__theme-swatch{background:linear-gradient(135deg,#2a9d8f,#40b4a5 55%,#e9c46a)}.config-modal__theme-btn--ocean-flow .config-modal__theme-swatch{background:linear-gradient(135deg,#0a84ff,#00b4db 55%,#90e0ef)}.config-modal__theme-btn--violet-dream .config-modal__theme-swatch{background:linear-gradient(135deg,#6c5ce7,#a855f7 55%,#ff6ec7)}.config-modal__theme-btn--forest-harmony .config-modal__theme-swatch{background:linear-gradient(135deg,#2e7d32,#66bb6a 55%,#a5d6a7)}.config-modal__theme-btn--sunset-glow .config-modal__theme-swatch{background:linear-gradient(135deg,#ff8a00,#ff5a5f 55%,#ffc857)}.config-modal__theme-btn--mint-fresh .config-modal__theme-swatch{background:linear-gradient(135deg,#00a6a6,#00d4aa 55%,#a7f3d0)}.config-modal__theme-btn--midnight-aurora .config-modal__theme-swatch{background:linear-gradient(135deg,#5b4cf5,#00e5ff 55%,#a78bfa)}.config-modal__mode-list{list-style:none;margin:.4rem 0 .75rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.config-modal__mode-btn{min-width:5.5rem;padding:.45rem .85rem;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:var(--brand-surface, var(--brand-surface));color:var(--brand-text, #111827);font-weight:600;font-size:.9rem}.config-modal__mode-btn--active{border-color:var(--brand-accent, #8f6a7a);box-shadow:inset 0 0 0 1px var(--brand-accent, #8f6a7a);color:var(--brand-accent, #8f6a7a)}.config-modal__mode-btn--dark{background:#1c1822;color:#f1f5f9;border-color:#ffffff2e}.config-modal__mode-btn--dark.config-modal__mode-btn--active{border-color:var(--brand-accent-soft, #a67f90);box-shadow:inset 0 0 0 1px var(--brand-accent-soft, #a67f90);color:var(--brand-accent-soft, #a67f90)}.config-modal__field-label{margin:.85rem 0 0;font-size:.88rem;font-weight:700;color:var(--brand-text, var(--brand-text))}.config-modal__check-row input[type=checkbox]{margin-top:.2rem;flex-shrink:0}.config-modal__check-row label{font-size:.86rem;font-weight:600;color:var(--brand-text, var(--brand-text));line-height:1.35;cursor:pointer}.config-modal__lang-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.5rem}.config-modal__lang-btn{display:flex;align-items:center;gap:.65rem;width:100%;text-align:left;padding:.55rem .65rem;border-radius:8px;border:1px solid var(--brand-border, var(--brand-border));background:var(--brand-surface, var(--brand-surface));color:inherit}.config-modal__lang-btn:hover{background:var(--brand-ground-mid, var(--soft))}.config-modal__lang-btn--active{border-color:var(--brand-accent, #2d6a4f);background:var(--soft, var(--brand-ground-mid, var(--soft)));box-shadow:inset 0 0 0 1px var(--brand-accent, #2d6a4f)}.config-modal__lang-flag{font-size:1.35rem;line-height:1}.config-modal__lang-names{display:flex;flex-direction:column;gap:.1rem;min-width:0}.config-modal__lang-native{font-weight:600;font-size:.95rem}.config-modal__lang-en{font-size:.8rem;color:var(--brand-muted, #4a6b5a)}.config-modal__actions{margin-top:1.1rem;display:flex;justify-content:flex-end}.config-modal__primary{padding:.45rem 1rem;border-radius:8px;border:1px solid var(--brand-accent, #2d6a4f);background:var(--brand-accent, var(--brand-accent));color:#f8faf8;font-weight:600}.config-modal__primary:hover{background:var(--brand-accent-soft, var(--brand-accent-soft));border-color:var(--brand-accent-soft, #245a45)}.delayed-hover-tip{display:inline-flex;max-width:100%;vertical-align:middle}.delayed-hover-tip--full{display:flex;width:100%}.delayed-hover-tip--full>*{flex:1;min-width:0}.delayed-hover-tip__bubble{position:fixed;z-index:400;box-sizing:border-box;max-width:min(22rem,calc(100vw - 1.5rem));padding:.45rem .6rem;border-radius:8px;font-size:.82rem;line-height:1.35;font-weight:500;color:var(--brand-text);background:var(--brand-ground);border:1px solid var(--brand-border);box-shadow:0 10px 28px #00000038;pointer-events:none;transform:translate(-50%);animation:delayed-hover-tip-in .12s ease-out}@keyframes delayed-hover-tip-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}