@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap&subset=latin,cyrillic";@font-face{font-family:SF Pro Display;src:url(./SFPRODISPLAYREGULAR-DF_3XEGl.OTF) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(./SFPRODISPLAYMEDIUM-DSttQARu.OTF) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(./SFPRODISPLAYBOLD-CkqE-6tD.OTF) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(./SFPRODISPLAYSEMIBOLDITALIC-Dj8jjjxr.OTF) format("opentype");font-weight:600;font-style:italic;font-display:swap}:root{--color-neutral-0: #ffffff;--color-neutral-10: #fafafa;--color-neutral-50: #f5f5f5;--color-neutral-90: #f0f0f0;--color-neutral-95: #ebebeb;--color-neutral-100: #e5e5e5;--color-neutral-200: #d4d4d4;--color-neutral-300: #b8b8b8;--color-neutral-400: #9e9e9e;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-success-500: #10b981;--color-warning-500: #f59e0b;--color-danger-500: #ef4444;--surface-canvas: var(--color-neutral-0);--surface-card: var(--color-neutral-0);--surface-elevated: var(--color-neutral-50);--surface-subtle: var(--color-neutral-50);--surface-container: var(--color-neutral-95);--surface-container-high: var(--color-neutral-90);--surface-chrome: var(--surface-card);--surface-hover: var(--color-neutral-50);--surface-active: var(--color-neutral-100);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-subtle: var(--color-neutral-400);--text-inverse: var(--color-neutral-0);--text-on-primary: var(--color-neutral-0);--interactive-accent: var(--color-neutral-900);--interactive-accent-hover: var(--color-neutral-700);--interactive-muted: var(--color-neutral-100);--border-base: var(--color-neutral-200);--border-strong: var(--color-neutral-300);--border-accent: var(--interactive-accent);--outline-variant: var(--color-neutral-200);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-inner: inset 0 0 8px rgba(0, 0, 0, .05);--scroll-shadow-color: rgba(255, 255, 255, .8);--scroll-shadow-transparent: rgba(255, 255, 255, 0);--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-xxl: 1.5rem;--radius-pill: 999px;--space-xxs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-xxl: 3rem;--space-fluid-md: clamp(1rem, 2vw, 1.5rem);--space-fluid-xl: clamp(2rem, 5vw, 3.5rem);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--size-titlebar-height: 40px;--size-sidebar-width: 86px;--size-titlebar-control: 40px;--size-icon-titlebar-logo: 12px;--size-icon-titlebar-control: 14px;--size-icon-sidebar-nav: 40px;--size-icon-sidebar-cover: 56px;--size-logo-corner: 72px;--state-hover-opacity: .08;--state-focus-opacity: .12;--state-pressed-opacity: .12}:root[data-theme=dark]{--surface-canvas: #0a0a0a;--surface-card: #171717;--surface-elevated: #1a1a1a;--surface-subtle: #1f1f1f;--surface-container: #1f1f1f;--surface-container-high: #262626;--surface-chrome: #0a0a0a;--surface-hover: #1a1a1a;--surface-active: #262626;--text-primary: #FFFFFF;--text-secondary: #999999;--text-subtle: #737373;--text-inverse: #0a0a0a;--text-on-primary: #FFFFFF;--interactive-accent: var(--color-neutral-0);--interactive-accent-hover: var(--color-neutral-10);--interactive-muted: #262626;--border-base: #1a1a1a;--border-strong: #404040;--border-accent: var(--interactive-accent);--outline-variant: #404040;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .7);--shadow-inner: inset 0 0 8px rgba(255, 255, 255, .03);--scroll-shadow-color: rgba(10, 10, 10, .8);--scroll-shadow-transparent: rgba(10, 10, 10, 0)}:root[data-theme=dark-blue]{--surface-canvas: #0a0e14;--surface-card: #101820;--surface-elevated: #151d28;--surface-subtle: #1a2230;--surface-container: #1a2230;--surface-container-high: #1f2838;--surface-chrome: #0a0e14;--text-primary: #e6f1ff;--text-secondary: #8fb3d9;--text-subtle: #5c7a99;--text-inverse: #0a0e14;--text-on-primary: #e6f1ff;--interactive-accent: #5c9fff;--interactive-accent-hover: #7ab2ff;--interactive-muted: #1f2838;--border-base: #1a2230;--border-strong: #2d3d52;--border-accent: var(--interactive-accent);--outline-variant: #2d3d52;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .7);--shadow-inner: inset 0 0 8px rgba(92, 159, 255, .05);--scroll-shadow-color: rgba(10, 14, 20, .8);--scroll-shadow-transparent: rgba(10, 14, 20, 0)}:root[data-theme=dark-red]{--surface-canvas: #140a0a;--surface-card: #1a0f0f;--surface-elevated: #1f1414;--surface-subtle: #241818;--surface-container: #241818;--surface-container-high: #2b1e1e;--surface-chrome: #140a0a;--text-primary: #ffe6e6;--text-secondary: #d98f8f;--text-subtle: #995c5c;--text-inverse: #140a0a;--text-on-primary: #ffe6e6;--interactive-accent: #ff5c5c;--interactive-accent-hover: #ff7a7a;--interactive-muted: #2b1e1e;--border-base: #241818;--border-strong: #3d2d2d;--border-accent: var(--interactive-accent);--outline-variant: #3d2d2d;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .7);--shadow-inner: inset 0 0 8px rgba(255, 92, 92, .05);--scroll-shadow-color: rgba(20, 10, 10, .8);--scroll-shadow-transparent: rgba(20, 10, 10, 0)}:root[data-theme=dark-green]{--surface-canvas: #0a140e;--surface-card: #0f1a14;--surface-elevated: #141f18;--surface-subtle: #18241e;--surface-container: #18241e;--surface-container-high: #1e2b24;--surface-chrome: #0a140e;--text-primary: #e6ffe6;--text-secondary: #8fd98f;--text-subtle: #5c995c;--text-inverse: #0a140e;--text-on-primary: #e6ffe6;--interactive-accent: #5cff5c;--interactive-accent-hover: #7aff7a;--interactive-muted: #1e2b24;--border-base: #18241e;--border-strong: #2d3d33;--border-accent: var(--interactive-accent);--outline-variant: #2d3d33;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .7);--shadow-inner: inset 0 0 8px rgba(92, 255, 92, .05);--scroll-shadow-color: rgba(10, 20, 14, .8);--scroll-shadow-transparent: rgba(10, 20, 14, 0)}:root[data-theme=dark-purple]{--surface-canvas: #0e0a14;--surface-card: #140f1a;--surface-elevated: #19141f;--surface-subtle: #1e1824;--surface-container: #1e1824;--surface-container-high: #241e2b;--surface-chrome: #0e0a14;--text-primary: #f0e6ff;--text-secondary: #b38fd9;--text-subtle: #7a5c99;--text-inverse: #0e0a14;--text-on-primary: #f0e6ff;--interactive-accent: #9f5cff;--interactive-accent-hover: #b27aff;--interactive-muted: #241e2b;--border-base: #1e1824;--border-strong: #332d3d;--border-accent: var(--interactive-accent);--outline-variant: #332d3d;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .7);--shadow-inner: inset 0 0 8px rgba(159, 92, 255, .05);--scroll-shadow-color: rgba(14, 10, 20, .8);--scroll-shadow-transparent: rgba(14, 10, 20, 0)}:root[data-theme=dark-orange]{--surface-canvas: #140e0a;--surface-card: #1a140f;--surface-elevated: #1f1914;--surface-subtle: #241e18;--surface-container: #241e18;--surface-container-high: #2b241e;--surface-chrome: #140e0a;--text-primary: #fff0e6;--text-secondary: #d9b38f;--text-subtle: #997a5c;--text-inverse: #140e0a;--text-on-primary: #fff0e6;--interactive-accent: #ff9f5c;--interactive-accent-hover: #ffb27a;--interactive-muted: #2b241e;--border-base: #241e18;--border-strong: #3d332d;--border-accent: var(--interactive-accent);--outline-variant: #3d332d;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .7);--shadow-inner: inset 0 0 8px rgba(255, 159, 92, .05);--scroll-shadow-color: rgba(20, 14, 10, .8);--scroll-shadow-transparent: rgba(20, 14, 10, 0)}:root[data-theme=dark-cyan]{--surface-canvas: #0a1214;--surface-card: #0f181a;--surface-elevated: #141f22;--surface-subtle: #18242a;--surface-container: #18242a;--surface-container-high: #1e2b30;--surface-chrome: #0a1214;--text-primary: #e6f7ff;--text-secondary: #8fd9f5;--text-subtle: #5c9fbd;--text-inverse: #0a1214;--text-on-primary: #e6f7ff;--interactive-accent: #5cffff;--interactive-accent-hover: #7affff;--interactive-muted: #1e2b30;--border-base: #18242a;--border-strong: #2d3d45;--border-accent: var(--interactive-accent);--outline-variant: #2d3d45;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .7);--shadow-inner: inset 0 0 8px rgba(92, 255, 255, .05);--scroll-shadow-color: rgba(10, 18, 20, .8);--scroll-shadow-transparent: rgba(10, 18, 20, 0)}:root[data-theme=dark-pink]{--surface-canvas: #140a12;--surface-card: #1a0f18;--surface-elevated: #1f141e;--surface-subtle: #241824;--surface-container: #241824;--surface-container-high: #2b1e2a;--surface-chrome: #140a12;--text-primary: #ffe6f7;--text-secondary: #f58fd9;--text-subtle: #bd5c9f;--text-inverse: #140a12;--text-on-primary: #ffe6f7;--interactive-accent: #ff5cdb;--interactive-accent-hover: #ff7ae3;--interactive-muted: #2b1e2a;--border-base: #241824;--border-strong: #3d2d38;--border-accent: var(--interactive-accent);--outline-variant: #3d2d38;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .7);--shadow-inner: inset 0 0 8px rgba(255, 92, 219, .05);--scroll-shadow-color: rgba(20, 10, 18, .8);--scroll-shadow-transparent: rgba(20, 10, 18, 0)}:root[data-theme=light-blue]{--surface-canvas: #f0f8ff;--surface-card: #f0f8ff;--surface-elevated: #e6f2ff;--surface-subtle: #dae8ff;--surface-container: #dae8ff;--surface-container-high: #cce0ff;--surface-chrome: #f0f8ff;--text-primary: #1a3d5c;--text-secondary: #2b6cb0;--text-subtle: #5c8fc7;--text-inverse: #ffffff;--text-on-primary: #ffffff;--interactive-accent: #2b6cb0;--interactive-accent-hover: #1e4d7a;--interactive-muted: #dae8ff;--border-base: #b8d4f0;--border-strong: #8fbfe8;--border-accent: var(--interactive-accent);--outline-variant: #b8d4f0;--shadow-xs: 0 1px 2px rgba(43, 108, 176, .05);--shadow-sm: 0 2px 4px rgba(43, 108, 176, .06);--shadow-md: 0 4px 6px rgba(43, 108, 176, .07);--shadow-lg: 0 10px 15px rgba(43, 108, 176, .08);--shadow-xl: 0 20px 25px rgba(43, 108, 176, .1);--shadow-inner: inset 0 0 8px rgba(43, 108, 176, .05);--scroll-shadow-color: rgba(240, 248, 255, .8);--scroll-shadow-transparent: rgba(240, 248, 255, 0)}:root[data-theme=light-red]{--surface-canvas: #fff0f0;--surface-card: #fff0f0;--surface-elevated: #ffe6e6;--surface-subtle: #ffdada;--surface-container: #ffdada;--surface-container-high: #ffcccc;--surface-chrome: #fff0f0;--text-primary: #5c1a1a;--text-secondary: #c92a2a;--text-subtle: #e05252;--text-inverse: #ffffff;--text-on-primary: #ffffff;--interactive-accent: #c92a2a;--interactive-accent-hover: #a01e1e;--interactive-muted: #ffdada;--border-base: #f0b8b8;--border-strong: #e88f8f;--border-accent: var(--interactive-accent);--outline-variant: #f0b8b8;--shadow-xs: 0 1px 2px rgba(201, 42, 42, .05);--shadow-sm: 0 2px 4px rgba(201, 42, 42, .06);--shadow-md: 0 4px 6px rgba(201, 42, 42, .07);--shadow-lg: 0 10px 15px rgba(201, 42, 42, .08);--shadow-xl: 0 20px 25px rgba(201, 42, 42, .1);--shadow-inner: inset 0 0 8px rgba(201, 42, 42, .05);--scroll-shadow-color: rgba(255, 240, 240, .8);--scroll-shadow-transparent: rgba(255, 240, 240, 0)}:root[data-theme=light-green]{--surface-canvas: #f0fff0;--surface-card: #f0fff0;--surface-elevated: #e6ffe6;--surface-subtle: #daffda;--surface-container: #daffda;--surface-container-high: #ccffcc;--surface-chrome: #f0fff0;--text-primary: #1a5c1a;--text-secondary: #2f9e44;--text-subtle: #52bd65;--text-inverse: #ffffff;--text-on-primary: #ffffff;--interactive-accent: #2f9e44;--interactive-accent-hover: #247a34;--interactive-muted: #daffda;--border-base: #b8f0b8;--border-strong: #8fe88f;--border-accent: var(--interactive-accent);--outline-variant: #b8f0b8;--shadow-xs: 0 1px 2px rgba(47, 158, 68, .05);--shadow-sm: 0 2px 4px rgba(47, 158, 68, .06);--shadow-md: 0 4px 6px rgba(47, 158, 68, .07);--shadow-lg: 0 10px 15px rgba(47, 158, 68, .08);--shadow-xl: 0 20px 25px rgba(47, 158, 68, .1);--shadow-inner: inset 0 0 8px rgba(47, 158, 68, .05);--scroll-shadow-color: rgba(240, 255, 240, .8);--scroll-shadow-transparent: rgba(240, 255, 240, 0)}:root[data-theme=light-purple]{--surface-canvas: #f8f0ff;--surface-card: #f8f0ff;--surface-elevated: #f0e6ff;--surface-subtle: #e8daf7;--surface-container: #e8daf7;--surface-container-high: #ddccf0;--surface-chrome: #f8f0ff;--text-primary: #3d1a5c;--text-secondary: #7048e8;--text-subtle: #9070bd;--text-inverse: #ffffff;--text-on-primary: #ffffff;--interactive-accent: #7048e8;--interactive-accent-hover: #5936b8;--interactive-muted: #e8daf7;--border-base: #d4b8f0;--border-strong: #b88fe8;--border-accent: var(--interactive-accent);--outline-variant: #d4b8f0;--shadow-xs: 0 1px 2px rgba(112, 72, 232, .05);--shadow-sm: 0 2px 4px rgba(112, 72, 232, .06);--shadow-md: 0 4px 6px rgba(112, 72, 232, .07);--shadow-lg: 0 10px 15px rgba(112, 72, 232, .08);--shadow-xl: 0 20px 25px rgba(112, 72, 232, .1);--shadow-inner: inset 0 0 8px rgba(112, 72, 232, .05);--scroll-shadow-color: rgba(248, 240, 255, .8);--scroll-shadow-transparent: rgba(248, 240, 255, 0)}:root[data-theme=light-orange]{--surface-canvas: #fff5f0;--surface-card: #fff5f0;--surface-elevated: #ffe6da;--surface-subtle: #ffdac5;--surface-container: #ffdac5;--surface-container-high: #ffccb0;--surface-chrome: #fff5f0;--text-primary: #5c2e1a;--text-secondary: #d9751a;--text-subtle: #e89f5c;--text-inverse: #ffffff;--text-on-primary: #ffffff;--interactive-accent: #d9751a;--interactive-accent-hover: #a85814;--interactive-muted: #ffdac5;--border-base: #f0c9b8;--border-strong: #e8aa8f;--border-accent: var(--interactive-accent);--outline-variant: #f0c9b8;--shadow-xs: 0 1px 2px rgba(217, 117, 26, .05);--shadow-sm: 0 2px 4px rgba(217, 117, 26, .06);--shadow-md: 0 4px 6px rgba(217, 117, 26, .07);--shadow-lg: 0 10px 15px rgba(217, 117, 26, .08);--shadow-xl: 0 20px 25px rgba(217, 117, 26, .1);--shadow-inner: inset 0 0 8px rgba(217, 117, 26, .05);--scroll-shadow-color: rgba(255, 245, 240, .8);--scroll-shadow-transparent: rgba(255, 245, 240, 0)}:root[data-theme=light-cyan]{--surface-canvas: #f0ffff;--surface-card: #f0ffff;--surface-elevated: #e6f9f9;--surface-subtle: #daf5f5;--surface-container: #daf5f5;--surface-container-high: #cceaea;--surface-chrome: #f0ffff;--text-primary: #1a4d4d;--text-secondary: #158a8a;--text-subtle: #5cb5b5;--text-inverse: #ffffff;--text-on-primary: #ffffff;--interactive-accent: #158a8a;--interactive-accent-hover: #0f6666;--interactive-muted: #daf5f5;--border-base: #b8e8e8;--border-strong: #8fd9d9;--border-accent: var(--interactive-accent);--outline-variant: #b8e8e8;--shadow-xs: 0 1px 2px rgba(21, 138, 138, .05);--shadow-sm: 0 2px 4px rgba(21, 138, 138, .06);--shadow-md: 0 4px 6px rgba(21, 138, 138, .07);--shadow-lg: 0 10px 15px rgba(21, 138, 138, .08);--shadow-xl: 0 20px 25px rgba(21, 138, 138, .1);--shadow-inner: inset 0 0 8px rgba(21, 138, 138, .05);--scroll-shadow-color: rgba(240, 255, 255, .8);--scroll-shadow-transparent: rgba(240, 255, 255, 0)}:root[data-theme=light-pink]{--surface-canvas: #fff0f8;--surface-card: #fff0f8;--surface-elevated: #ffe6f5;--surface-subtle: #ffdaf0;--surface-container: #ffdaf0;--surface-container-high: #ffcceb;--surface-chrome: #fff0f8;--text-primary: #5c1a4d;--text-secondary: #c9298a;--text-subtle: #e052b5;--text-inverse: #ffffff;--text-on-primary: #ffffff;--interactive-accent: #c9298a;--interactive-accent-hover: #a01e6f;--interactive-muted: #ffdaf0;--border-base: #f0b8e8;--border-strong: #e88fd9;--border-accent: var(--interactive-accent);--outline-variant: #f0b8e8;--shadow-xs: 0 1px 2px rgba(201, 41, 138, .05);--shadow-sm: 0 2px 4px rgba(201, 41, 138, .06);--shadow-md: 0 4px 6px rgba(201, 41, 138, .07);--shadow-lg: 0 10px 15px rgba(201, 41, 138, .08);--shadow-xl: 0 20px 25px rgba(201, 41, 138, .1);--shadow-inner: inset 0 0 8px rgba(201, 41, 138, .05);--scroll-shadow-color: rgba(255, 240, 248, .8);--scroll-shadow-transparent: rgba(255, 240, 248, 0)}:root[data-theme=dark-yellow]{--surface-canvas: #14120a;--surface-card: #1a180f;--surface-elevated: #1f1e14;--surface-subtle: #242318;--surface-container: #242318;--surface-container-high: #2b291e;--surface-chrome: #14120a;--text-primary: #fff7e6;--text-secondary: #f5d98f;--text-subtle: #bd9f5c;--text-inverse: #14120a;--text-on-primary: #fff7e6;--interactive-accent: #ffdb5c;--interactive-accent-hover: #ffe37a;--interactive-muted: #2b291e;--border-base: #242318;--border-strong: #3d3a2d;--border-accent: var(--interactive-accent);--outline-variant: #3d3a2d;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .7);--shadow-inner: inset 0 0 8px rgba(255, 219, 92, .05);--scroll-shadow-color: rgba(20, 18, 10, .8);--scroll-shadow-transparent: rgba(20, 18, 10, 0)}:root[data-theme=dark-teal]{--surface-canvas: #0a1412;--surface-card: #0f1a18;--surface-elevated: #141f1e;--surface-subtle: #182423;--surface-container: #182423;--surface-container-high: #1e2b29;--surface-chrome: #0a1412;--text-primary: #e6fff7;--text-secondary: #8ff5d9;--text-subtle: #5cbd9f;--text-inverse: #0a1412;--text-on-primary: #e6fff7;--interactive-accent: #5cffdb;--interactive-accent-hover: #7affe3;--interactive-muted: #1e2b29;--border-base: #182423;--border-strong: #2d3d3a;--border-accent: var(--interactive-accent);--outline-variant: #2d3d3a;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .7);--shadow-inner: inset 0 0 8px rgba(92, 255, 219, .05);--scroll-shadow-color: rgba(10, 20, 18, .8);--scroll-shadow-transparent: rgba(10, 20, 18, 0)}:root[data-theme=light-yellow]{--surface-canvas: #fffbf0;--surface-card: #fffbf0;--surface-elevated: #fff5da;--surface-subtle: #ffefc5;--surface-container: #ffefc5;--surface-container-high: #ffe9b0;--surface-chrome: #fffbf0;--text-primary: #5c4d1a;--text-secondary: #b8941a;--text-subtle: #d4b05c;--text-inverse: #ffffff;--text-on-primary: #ffffff;--interactive-accent: #b8941a;--interactive-accent-hover: #947514;--interactive-muted: #ffefc5;--border-base: #f0e0b8;--border-strong: #e8d48f;--border-accent: var(--interactive-accent);--outline-variant: #f0e0b8;--shadow-xs: 0 1px 2px rgba(184, 148, 26, .05);--shadow-sm: 0 2px 4px rgba(184, 148, 26, .06);--shadow-md: 0 4px 6px rgba(184, 148, 26, .07);--shadow-lg: 0 10px 15px rgba(184, 148, 26, .08);--shadow-xl: 0 20px 25px rgba(184, 148, 26, .1);--shadow-inner: inset 0 0 8px rgba(184, 148, 26, .05);--scroll-shadow-color: rgba(255, 251, 240, .8);--scroll-shadow-transparent: rgba(255, 251, 240, 0)}:root[data-theme=light-teal]{--surface-canvas: #f0fffb;--surface-card: #f0fffb;--surface-elevated: #e6fff5;--surface-subtle: #dafff0;--surface-container: #dafff0;--surface-container-high: #ccffe8;--surface-chrome: #f0fffb;--text-primary: #1a5c4d;--text-secondary: #1a9e7a;--text-subtle: #5cbda0;--text-inverse: #ffffff;--text-on-primary: #ffffff;--interactive-accent: #1a9e7a;--interactive-accent-hover: #147a5e;--interactive-muted: #dafff0;--border-base: #b8f0e0;--border-strong: #8fe8d4;--border-accent: var(--interactive-accent);--outline-variant: #b8f0e0;--shadow-xs: 0 1px 2px rgba(26, 158, 122, .05);--shadow-sm: 0 2px 4px rgba(26, 158, 122, .06);--shadow-md: 0 4px 6px rgba(26, 158, 122, .07);--shadow-lg: 0 10px 15px rgba(26, 158, 122, .08);--shadow-xl: 0 20px 25px rgba(26, 158, 122, .1);--shadow-inner: inset 0 0 8px rgba(26, 158, 122, .05);--scroll-shadow-color: rgba(240, 255, 251, .8);--scroll-shadow-transparent: rgba(240, 255, 251, 0)}:root{color-scheme:light;font-family:SF Pro Display,Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--surface-canvas)}:root[data-theme=dark]{color-scheme:dark}a{font-weight:500;color:var(--text-primary);text-decoration:underline}a:hover{color:var(--text-secondary)}body{margin:0;color:var(--text-primary);background-color:var(--surface-canvas)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;margin-top:0}h1{font-size:3.2em;line-height:1.1}small,.caption{color:var(--text-secondary);font-weight:400;font-size:.875rem}button{border-radius:var(--radius-md);border:1px solid transparent;padding:var(--space-sm) var(--space-md);font-size:.875rem;font-weight:500;font-family:inherit;letter-spacing:.0107142857em;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative}button:focus{outline:none}button:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal;pointer-events:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}::view-transition-image-pair(root){isolation:isolate}@keyframes scale-up{0%{clip-path:circle(0% at var(--x, 50%) var(--y, 50%))}to{clip-path:circle(150% at var(--x, 50%) var(--y, 50%))}}::view-transition-new(root){animation:scale-up .6s cubic-bezier(0,0,.2,1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);border:1px solid transparent;border-radius:var(--radius-lg);font-family:inherit;font-weight:600;letter-spacing:.025em;cursor:pointer;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn:focus{outline:none}.btn:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,#ffffff4d,#fff0 70%);transform:translate(-50%,-50%);transition:width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1);pointer-events:none;opacity:0}.btn:active:before{width:300px;height:300px;opacity:1;transition:width 0s,height 0s,opacity .15s}.btn--sm{padding:var(--space-xs) var(--space-sm);font-size:.875rem;line-height:1.4}.btn--md{padding:var(--space-sm) var(--space-md);font-size:1rem;line-height:1.5}.btn--lg{padding:var(--space-md) var(--space-lg);font-size:1.125rem;line-height:1.5}.btn--primary{color:var(--text-inverse);background-color:var(--text-primary);border-color:transparent}.btn--primary:hover:not(:disabled){opacity:.85}.btn--primary:before{background:radial-gradient(circle,#ffffff40,#fff0 70%)}.btn--secondary{color:var(--text-primary);background-color:var(--surface-subtle);border-color:var(--border-base)}.btn--secondary:hover:not(:disabled){background-color:var(--surface-elevated)}.btn--secondary:before{background:radial-gradient(circle,#0000000d,#0000 70%)}.btn--outline{color:var(--text-primary);background-color:transparent;border-color:var(--border-base)}.btn--outline:hover:not(:disabled){background-color:var(--surface-card)}.btn--outline:before{background:radial-gradient(circle,#00000014,#0000 70%)}.btn--ghost{color:var(--text-secondary);background-color:transparent;border-color:transparent}.btn--ghost:hover:not(:disabled){color:var(--text-primary);background-color:var(--surface-subtle)}.btn--ghost:before{background:radial-gradient(circle,#0000000d,#0000 70%)}.btn--success{color:#10b981;background-color:transparent;border-color:#10b981;pointer-events:none}.btn--success:before{background:radial-gradient(circle,#10b9811a,#10b98100 70%)}.card{background-color:var(--surface-card);border-radius:var(--radius-xl);border:1px solid var(--border-base);transition:border-color .2s cubic-bezier(.4,0,.2,1)}.card--flat{border-color:transparent}.card--low{border-color:var(--border-base)}.card--medium{border-color:var(--border-strong)}.card--high{border-width:2px;border-color:var(--text-primary)}.card--medium:hover,.card--high:hover{border-color:var(--text-primary)}.card--padding-none{padding:0}.card--padding-sm{padding:var(--space-sm)}.card--padding-md{padding:var(--space-md)}.card--padding-lg{padding:var(--space-lg)}.input-wrapper{display:inline-flex;flex-direction:column;gap:var(--space-xs)}.input-wrapper--full{width:100%}.input-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary);line-height:1.4;letter-spacing:.025em}.input{padding:var(--space-sm) var(--space-md);font-size:.9375rem;font-family:inherit;line-height:1.5;color:var(--text-primary);background-color:var(--surface-card);border:1px solid var(--border-base);border-radius:var(--radius-lg);outline:none;transition:border-color .2s cubic-bezier(.4,0,.2,1)}.input::placeholder{color:var(--text-subtle);user-select:none;-webkit-user-select:none}.input:hover:not(:disabled):not(:focus){border-color:var(--border-strong)}.input:focus{border-color:var(--text-primary);border-width:2px;padding:calc(var(--space-sm) - 1px) calc(var(--space-md) - 1px)}.input:disabled{opacity:.4;cursor:not-allowed;background-color:var(--surface-subtle)}.input--error{border-color:var(--color-danger-500)}.input--error:hover:not(:disabled):not(:focus){border-color:var(--color-danger-500)}.input--error:focus{border-color:var(--color-danger-500);border-width:2px}.input-message{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.input-message--error{color:var(--color-danger-500)}.switch-container{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.switch-container:has(.switch-input:disabled){opacity:.5;cursor:not-allowed}.switch-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.switch-track{position:relative;display:inline-block;border-radius:var(--radius-pill);background-color:var(--surface-card);border:1px solid var(--border-base);transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.switch-container--sm .switch-track{width:2rem;height:1.125rem}.switch-container--md .switch-track{width:2.5rem;height:1.375rem}.switch-container--lg .switch-track{width:3rem;height:1.625rem}.switch-thumb{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;background-color:var(--text-primary);border:none;transition:left .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1)}.switch-container--sm .switch-thumb{left:.0625rem;width:.9375rem;height:.9375rem}.switch-container--md .switch-thumb{left:.0625rem;width:1.1875rem;height:1.1875rem}.switch-container--lg .switch-thumb{left:.0625rem;width:1.4375rem;height:1.4375rem}.switch-input:checked+.switch-track{background-color:var(--text-primary);border-color:var(--text-primary)}.switch-input:checked+.switch-track .switch-thumb{background-color:var(--text-inverse)}.switch-container--sm .switch-input:checked+.switch-track .switch-thumb{left:calc(100% - 1rem)}.switch-container--md .switch-input:checked+.switch-track .switch-thumb{left:calc(100% - 1.25rem)}.switch-container--lg .switch-input:checked+.switch-track .switch-thumb{left:calc(100% - 1.5rem)}.switch-input:focus{outline:none}.switch-input:focus-visible+.switch-track{outline:2px solid var(--text-primary);outline-offset:2px}.switch-label{font-size:.9375rem;font-weight:400;color:var(--text-primary);line-height:1.5}.sidebar__nav-button--active{background:var(--surface-card);color:var(--text-primary)!important;font-weight:700}.sidebar__nav-button--active svg{animation:iconPulse .6s cubic-bezier(.16,1,.3,1)}@keyframes iconPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.sidebar__nav-button--home:hover svg{animation:iconHomeWave .6s cubic-bezier(.16,1,.3,1) forwards}.sidebar__nav-button--music:hover svg{animation:iconMusicBounce .7s cubic-bezier(.34,1.56,.64,1) forwards}.sidebar__nav-button--search:hover svg{animation:iconRotate .4s cubic-bezier(.16,1,.3,1) forwards}.sidebar__nav-button--library:hover svg{animation:iconBookmarkSlide .5s cubic-bezier(.16,1,.3,1) forwards}.sidebar__nav-button--settings:hover svg{animation:iconSpin .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes iconHomeWave{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes iconMusicBounce{0%,to{transform:scale(1.1) rotate(0)}25%{transform:scale(1.1) rotate(-12deg)}75%{transform:scale(1.1) rotate(12deg)}}@keyframes iconRotate{0%{transform:scale(1.1) rotate(0)}to{transform:scale(1.1) rotate(360deg)}}@keyframes iconBookmarkSlide{0%,to{transform:scale(1.1) translate(0)}50%{transform:scale(1.1) translate(4px)}}@keyframes iconSpin{0%{transform:scale(1.1) rotate(0)}to{transform:scale(1.1) rotate(180deg)}}.sidebar{width:88px;height:100%;background:var(--surface-chrome);border-right:1px solid var(--border-base);display:flex;flex-direction:column;align-items:center;padding:var(--space-md) var(--space-sm);box-sizing:border-box}.sidebar__nav{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--space-xl)}.sidebar__bottom{display:flex;align-items:center;justify-content:center;padding-bottom:var(--space-md)}.sidebar__nav-button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-subtle);cursor:pointer;transition:background-color .18s,color .18s,transform .2s cubic-bezier(.16,1,.3,1);position:relative}.sidebar__nav-button svg{transition:transform .3s cubic-bezier(.16,1,.3,1);will-change:transform}.sidebar__nav-button:hover svg{transform:scale(1.1)}.sidebar__nav-button:not(:hover) svg{animation:none;transition:transform .5s cubic-bezier(.34,.61,.65,1)}.sidebar__nav-button:hover,.sidebar__nav-button:focus-visible{background:var(--surface-elevated);color:var(--text-primary);transform:translateY(-2px)}.sidebar__nav-button:active{background:var(--surface-subtle);transform:translateY(0) scale(.95)}.sidebar__nav-button:active svg{transform:scale(1.05)}.search-panel{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0;position:relative;overflow:visible}.search-panel__input{display:flex;align-items:center;gap:8px;padding:4px 0}.search-panel__platform-icon{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:0;transition:filter .01s ease-out;outline:none}.search-panel__platform-icon:active{transform:scale(.95)}.search-panel__platform-icon--blur{filter:blur(8px)}.search-panel__filters{display:flex;gap:var(--space-xs);margin-bottom:12px;flex-wrap:wrap}.search-panel__input input{border:none;background:transparent;outline:none;width:100%;font-size:16px;font-weight:500;color:var(--text-primary)}.search-panel__input input::placeholder{color:var(--text-secondary);font-weight:400;user-select:none;-webkit-user-select:none}.search-panel__section{margin-top:8px}.search-panel__section--results{display:grid;grid-template-rows:0fr;animation:slide-in-expand .5s cubic-bezier(.16,.8,.3,1) forwards}.search-panel__section--popular{display:grid;grid-template-rows:0fr;animation:slide-in-expand .3s cubic-bezier(.16,.8,.3,1) forwards}.search-panel__section--closing{animation:slide-out-collapse .3s cubic-bezier(.16,.8,.3,1) forwards}.search-panel__section--closing .search-list{animation:fade-out .25s ease-out forwards}.search-list--closing .songcard,.search-list--closing .playlist-card,.search-list--closing .artist-card,.search-list--closing .album-card{animation:none!important}.search-panel__section-wrapper{min-height:0;overflow:visible}.search-panel .songcard__dropdown{position:fixed!important;z-index:99999!important}.search-panel__section h3{margin:4px 0 8px;font-size:13px;color:var(--text-secondary);font-weight:500;letter-spacing:.01em}.search-panel__section-title{display:flex;align-items:center;gap:8px;margin:4px 0 8px}.search-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0;overflow:visible}.search-list .songcard,.search-list .artist-card,.search-list .album-card,.search-list .playlist-card{width:100%;max-width:100%;box-sizing:border-box}.search-list--results .songcard,.search-list--results .playlist-card,.search-list--results .artist-card,.search-list--results .album-card{animation:slide-in-fade .35s cubic-bezier(.16,1,.3,1) both}.search-list--results .songcard:nth-child(1),.search-list--results .playlist-card:nth-child(1),.search-list--results .artist-card:nth-child(1),.search-list--results .album-card:nth-child(1){animation-delay:.1s}.search-list--results .songcard:nth-child(2),.search-list--results .playlist-card:nth-child(2),.search-list--results .artist-card:nth-child(2),.search-list--results .album-card:nth-child(2){animation-delay:.15s}.search-list--results .songcard:nth-child(3),.search-list--results .playlist-card:nth-child(3),.search-list--results .artist-card:nth-child(3),.search-list--results .album-card:nth-child(3){animation-delay:.2s}.search-list--results .songcard:nth-child(4),.search-list--results .playlist-card:nth-child(4),.search-list--results .artist-card:nth-child(4),.search-list--results .album-card:nth-child(4){animation-delay:.25s}.search-list--results .songcard:nth-child(5),.search-list--results .playlist-card:nth-child(5),.search-list--results .artist-card:nth-child(5),.search-list--results .album-card:nth-child(5){animation-delay:.3s}.search-list--results .songcard:nth-child(6),.search-list--results .playlist-card:nth-child(6),.search-list--results .artist-card:nth-child(6),.search-list--results .album-card:nth-child(6){animation-delay:.35s}.search-list--results .songcard:nth-child(7),.search-list--results .playlist-card:nth-child(7),.search-list--results .artist-card:nth-child(7),.search-list--results .album-card:nth-child(7){animation-delay:.4s}.search-list--results .songcard:nth-child(8),.search-list--results .playlist-card:nth-child(8),.search-list--results .artist-card:nth-child(8),.search-list--results .album-card:nth-child(8){animation-delay:.45s}.search-list--results .songcard:nth-child(9),.search-list--results .playlist-card:nth-child(9),.search-list--results .artist-card:nth-child(9),.search-list--results .album-card:nth-child(9){animation-delay:.5s}.search-list--results .songcard:nth-child(10),.search-list--results .playlist-card:nth-child(10),.search-list--results .artist-card:nth-child(10),.search-list--results .album-card:nth-child(10){animation-delay:.55s}.search-list--popular .songcard{animation:slide-in-fade .35s cubic-bezier(.16,1,.3,1) both}.search-list--popular .songcard:nth-child(1){animation-delay:.2s}.search-list--popular .songcard:nth-child(2){animation-delay:.25s}.search-list--popular .songcard:nth-child(3){animation-delay:.3s}.search-list--popular .songcard:nth-child(4){animation-delay:.35s}.search-list--popular .songcard:nth-child(5){animation-delay:.4s}.search-list--popular .songcard:nth-child(6){animation-delay:.45s}.search-list--popular .songcard:nth-child(7){animation-delay:.5s}.search-list--popular .songcard:nth-child(8){animation-delay:.55s}.search-list--popular .songcard:nth-child(9){animation-delay:.6s}.search-list--popular .songcard:nth-child(10){animation-delay:.65s}.popular-loading-inline{display:inline-flex;align-items:center;opacity:1;transition:opacity .2s ease-out}.popular-loading-inline--fade-out{opacity:0}.search-panel__popular-cards{display:grid;grid-template-rows:0fr;animation:slide-in-expand .5s cubic-bezier(.16,.8,.3,1) forwards;animation-delay:.1s}.search-list--loading{height:72px}.popular-loading{display:flex;align-items:center;justify-content:center;padding:16px 0}@keyframes slide-in-expand{0%{grid-template-rows:0fr;opacity:0;margin-top:0}1%{opacity:1}to{grid-template-rows:1fr;opacity:1;margin-top:8px}}@keyframes slide-out-collapse{0%{grid-template-rows:1fr;opacity:1;margin-top:8px}to{grid-template-rows:0fr;opacity:0;margin-top:0}}@keyframes slide-in-fade{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.search-panel__platform-wrapper{position:relative;display:flex;align-items:center}.search-panel__platform-menu{position:absolute;top:100%;left:0;margin-top:8px;min-width:160px;background:var(--surface-chrome);border:1px solid var(--border-base);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:100;padding:4px;display:flex;flex-direction:column;gap:2px;animation:menu-fade-in .2s cubic-bezier(.16,1,.3,1);transform-origin:top left}.search-panel__platform-menu.closing{animation:menu-fade-out .2s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}@keyframes menu-fade-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes menu-fade-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-4px)}}.search-panel__platform-menu-item{display:flex;align-items:center;gap:12px;padding:8px 12px;width:100%;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:all .15s ease;text-align:left}.search-panel__platform-menu-item:hover{background:var(--surface-elevated);color:var(--text-primary)}.search-panel__platform-menu-item.active{background:var(--surface-highlight);color:var(--text-primary)}.search-panel__platform-menu-item svg{flex-shrink:0}.empty{display:flex;align-items:center;gap:8px;padding:.25rem 0;color:var(--text-secondary);animation:emptyStateFadeIn .4s cubic-bezier(.16,1,.3,1)}.empty__icon{width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:var(--radius-md);color:var(--text-secondary);margin-right:.125rem;vertical-align:-.06em}.empty__content{display:flex;flex-direction:column}.empty__title{font-weight:600;color:var(--text-primary);font-size:.95rem;line-height:1;display:flex;align-items:center;gap:.125rem}.empty__title-text{display:inline-block}.empty__desc{font-size:.82rem;color:var(--text-secondary);margin-top:2px}.empty__actions{margin-top:6px}.modal__backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0000;z-index:9999;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}.modal__window{width:min(640px,86%);max-height:92vh;background:var(--surface-canvas);border:1px solid var(--border-base);border-radius:var(--radius-xl);box-shadow:0 28px 80px #0000008c;position:relative;overflow:auto;display:flex;flex-direction:column;transform-origin:center center;animation:modal-zoom-in .2s ease-out both}.modal__window--closing{animation:modal-zoom-out .2s ease both}.modal--closing{animation:backdrop-fade-out .16s ease both}.modal--open{animation:backdrop-fade-in .22s ease both}.modal__close{position:absolute;right:12px;top:12px;background:transparent;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer}.modal__content{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);color:var(--text-primary)}@media(min-width:900px){.modal__window{width:560px}}.modal__window--narrow{width:min(92vw,420px)!important}.modal__window--wide{width:min(92vw,900px)!important}.modal__window--wide .modal__content{padding:0;gap:0}@media(max-width:768px){.modal__window--wide{width:min(95vw,640px)!important}}@keyframes modal-zoom-in{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-zoom-out{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(8px) scale(.98);opacity:0}}@keyframes backdrop-fade-in{0%{background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}@keyframes backdrop-fade-out{0%{background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}to{background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}}.songcard--adding{animation:song-add .25s cubic-bezier(.22,1,.36,1)}@keyframes song-add{0%{transform:scale(.98);opacity:.9}50%{transform:scale(1.01);opacity:.95}to{transform:scale(1);opacity:1}}.songcard--appearing{animation:song-appear .28s cubic-bezier(.22,1,.36,1)}@keyframes song-appear{0%{transform:translateY(8px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.songcard--adding,.songcard--appearing{will-change:transform,opacity}.songcard{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-xl);background:var(--surface-canvas);border:1px solid var(--border-base);position:relative;overflow:hidden;transition:background-color .12s ease,border-color .12s ease}.songcard--current{border-color:var(--border-base)}.songcard__left{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex:1}.songcard__cover-wrapper{position:relative;width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.songcard__cover{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-base);display:block}.songcard__cover--round{border-radius:50%;border:1px solid var(--border-base)}.songcard__cover-placeholder{width:48px;height:48px;border-radius:var(--radius-md);border:1px solid var(--border-base);background:linear-gradient(135deg,var(--surface-elevated) 0%,var(--surface-card) 100%);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);opacity:.8;flex-shrink:0}.songcard__visualizer{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;gap:3px;z-index:2}.songcard__visualizer-bar{width:3px;background:#fff;border-radius:2px;height:20px;animation:visualizer-jump .8s cubic-bezier(.45,.05,.55,.95) infinite;will-change:transform;transform:scaleY(.3)}.songcard__visualizer-bar:nth-child(1){animation-delay:0s}.songcard__visualizer-bar:nth-child(2){animation-delay:.2s}.songcard__visualizer-bar:nth-child(3){animation-delay:.4s}@keyframes visualizer-jump{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.songcard__meta{display:flex;flex-direction:column;min-width:0}.songcard__title{font-weight:500;font-size:var(--font-size-base);white-space:nowrap;overflow:hidden;max-width:20ch;padding-left:1px;position:relative;transition:max-width .3s ease}.songcard__title--overflow{mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}.songcard:hover .songcard__title--overflow{max-width:200px;mask-image:linear-gradient(to right,black 0%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 0%,black 90%,transparent 100%)}.songcard__title-marquee{display:inline-flex;gap:2rem;transform:translate(0);transition:transform .4s ease-out}.songcard:hover .songcard__title-marquee{animation:marquee-title 10s linear infinite;animation-delay:1s}.songcard:not(:hover) .songcard__title-marquee{transform:translate(0)!important;animation:none}@keyframes marquee-title{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1rem))}}.songcard__artist{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px;font-weight:400;white-space:nowrap;overflow:hidden;max-width:20ch;padding-left:1px;position:relative;transition:max-width .3s ease}.songcard__artist--clickable{cursor:pointer;transition:color .15s ease,max-width .3s ease}.songcard__artist--clickable:hover{color:var(--accent-primary)}.songcard__artist--overflow{mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}.songcard:hover .songcard__artist--overflow{max-width:200px;mask-image:linear-gradient(to right,black 0%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 0%,black 90%,transparent 100%)}.songcard__artist-marquee{display:inline-flex;gap:2rem;transform:translate(0);transition:transform .4s ease-out}.songcard:hover .songcard__artist-marquee{animation:marquee-artist 10s linear infinite;animation-delay:1s}.songcard:not(:hover) .songcard__artist-marquee{transform:translate(0)!important;animation:none}@keyframes marquee-artist{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1rem))}}.songcard__right{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0;margin-left:auto}.songcard__count{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-subtle);font-weight:500}.songcard__menu{position:relative;margin-left:var(--space-xs)}.songcard__menu-button{min-width:24px;width:24px;max-width:24px;min-height:24px;height:24px;max-height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;box-sizing:border-box;flex-shrink:0;padding:0}.songcard__menu-button:hover{background:var(--surface-elevated);border-color:var(--border-base);color:var(--text-primary)}.songcard__menu-button svg{flex-shrink:0}.songcard__dropdown{position:fixed;margin-top:4px;min-width:180px;background:var(--surface-elevated);border:1px solid var(--border-base);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:10000;animation:dropdownFadeIn .15s ease}.songcard__dropdown-item{width:100%;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:transparent;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .12s ease;text-align:left}.songcard__dropdown-item:hover{background:var(--surface-card)}.songcard__dropdown-item--danger{color:#ef4444}.songcard__dropdown-item--danger:hover{background:#ef44441a}.songcard:hover{background:var(--surface-elevated)}.songcard:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,#0000000f,#0000 70%);transform:translate(-50%,-50%);transition:width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1);pointer-events:none;opacity:0}.songcard:active:before{width:300px;height:300px;opacity:1;transition:width 0s,height 0s,opacity .15s}@media(max-width:700px){.songcard{padding:.4rem}.songcard__cover{width:40px;height:40px}}.song-skeleton{display:flex;flex-direction:column;gap:6px;padding:.6rem;border-radius:8px;background:linear-gradient(90deg,var(--surface-subtle),var(--surface-elevated),var(--surface-subtle));background-size:200% 100%;animation:shimmer 1.6s linear infinite;margin-bottom:8px}.song-skeleton__title{width:60%;height:12px;border-radius:6px;background:var(--surface-blank, rgba(0,0,0,.06))}.song-skeleton__meta{width:40%;height:10px;border-radius:6px;background:var(--surface-blank, rgba(0,0,0,.04))}.songcard__duration{font-size:.75rem;color:var(--text-subtle);font-weight:500;min-width:40px;text-align:right;flex-shrink:0}.songcard__platform-icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0}.songcard__platform-icon{color:var(--text-secondary);flex-shrink:0}.context-menu{position:relative}.context-menu__trigger{min-width:24px;width:24px;max-width:24px;min-height:24px;height:24px;max-height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;box-sizing:border-box;flex-shrink:0;padding:0}.context-menu__trigger:hover{background:var(--surface-elevated);border-color:var(--border-base);color:var(--text-primary)}.context-menu__trigger svg{flex-shrink:0}.context-menu__dropdown{position:fixed;margin-top:4px;min-width:180px;background:var(--surface-chrome);border:1px solid var(--border-base);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:99999;animation:contextMenuFadeIn .15s ease}@keyframes contextMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes contextMenuFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.context-menu__dropdown--closing{animation:contextMenuFadeOut .15s ease forwards}.context-menu__item{width:100%;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:transparent;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .12s ease;text-align:left}.context-menu__item:hover:not(:disabled){background:var(--surface-card)}.context-menu__item:first-child:hover:not(:disabled){border-radius:var(--radius-md) var(--radius-md) 0 0}.context-menu__item:last-child:hover:not(:disabled){border-radius:0 0 var(--radius-md) var(--radius-md)}.context-menu__item:only-child:hover:not(:disabled){border-radius:var(--radius-md)}.context-menu__item--danger{color:#ef4444}.context-menu__item--danger:hover:not(:disabled){background:#ef44441a}.spinner{display:inline-block;border-radius:50%;border:2px solid var(--border-base);border-top-color:var(--interactive-accent);animation:spinner-rotate .8s linear infinite;flex-shrink:0;aspect-ratio:1 / 1}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.modal__window:has(.select-artist-modal){width:min(500px,90vw);max-width:500px}.modal__content:has(.select-artist-modal){padding:var(--space-lg);gap:0}.select-artist-modal{display:flex;flex-direction:column;gap:var(--space-lg);max-height:60vh;overflow-y:auto}.select-artist-modal__title{font-size:1.5rem;font-weight:600;color:var(--text-base);margin:0;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-base)}.select-artist-modal__subtitle{font-size:.875rem;color:var(--text-subtle);margin:0;margin-top:var(--space-xs)}.select-artist-modal__subtitle strong{color:var(--text-primary);font-weight:500}.select-artist-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);color:var(--text-subtle)}.select-artist-modal__spinner{animation:spin .6s linear infinite}.select-artist-modal__list{display:flex;flex-direction:column;gap:var(--space-xs)}.select-artist-modal__item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-xl);background:var(--surface-canvas);border:1px solid var(--border-base);cursor:pointer;transition:background-color .12s ease,border-color .12s ease;text-align:left;width:100%}.select-artist-modal__item:hover:not(:disabled){background:var(--surface-elevated);border-color:var(--border-strong)}.select-artist-modal__item:disabled{opacity:.5;cursor:not-allowed}.select-artist-modal__item--not-found{opacity:.6}.select-artist-modal__item-icon{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--surface-elevated);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-base)}.select-artist-modal__item-icon img{width:100%;height:100%;object-fit:cover}.select-artist-modal__item-icon svg{color:var(--text-subtle)}.select-artist-modal__item-info{flex:1;min-width:0}.select-artist-modal__item-name{font-size:.9375rem;font-weight:500;color:var(--text-primary);margin-bottom:2px}.select-artist-modal__item-status{font-size:.8125rem;color:var(--text-subtle)}.select-artist-modal__item-status--error{color:var(--text-subtle);opacity:.7}.select-artist-modal{scrollbar-width:thin;scrollbar-color:var(--border-base) transparent}.select-artist-modal::-webkit-scrollbar{width:8px}.select-artist-modal::-webkit-scrollbar-track{background:transparent}.select-artist-modal::-webkit-scrollbar-thumb{background:var(--border-base);border-radius:var(--radius-sm)}.select-artist-modal::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.modal__window:has(.search-other-platforms){width:min(700px,90vw);max-width:700px;max-height:85vh}.modal__content:has(.search-other-platforms){padding:var(--space-lg);gap:0}.search-other-platforms{display:flex;flex-direction:column;gap:var(--space-lg);max-height:calc(85vh - 2 * var(--space-lg));overflow-y:auto;animation:fade-in-up .3s cubic-bezier(.16,1,.3,1) both}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.search-other-platforms__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;padding-bottom:var(--space-md);border-bottom:1px solid var(--border-base);animation:fade-in .4s cubic-bezier(.16,1,.3,1) both;animation-delay:.05s}.search-other-platforms__subtitle{font-size:.875rem;color:var(--text-subtle);margin:0;margin-top:var(--space-xs);line-height:1.6;animation:fade-in .4s cubic-bezier(.16,1,.3,1) both;animation-delay:.1s}.search-other-platforms__subtitle strong{color:var(--text-primary);font-weight:600;transition:color .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.search-other-platforms__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);color:var(--text-subtle);animation:fade-in .4s cubic-bezier(.16,1,.3,1) both}.search-other-platforms__spinner,.search-other-platforms__spinner-small{animation:spin .8s cubic-bezier(.4,0,.2,1) infinite;color:var(--text-primary)}.search-other-platforms__results{display:flex;flex-direction:column;gap:var(--space-lg);animation:fade-in .4s cubic-bezier(.16,1,.3,1) both}.search-other-platforms__platform-section{display:flex;flex-direction:column;gap:var(--space-sm);animation:slide-in-fade .4s cubic-bezier(.16,1,.3,1) both}.search-other-platforms__platform-section:nth-child(1){animation-delay:.05s}.search-other-platforms__platform-section:nth-child(2){animation-delay:.1s}.search-other-platforms__platform-section:nth-child(3){animation-delay:.15s}.search-other-platforms__platform-section:nth-child(4){animation-delay:.2s}.search-other-platforms__platform-section:nth-child(5){animation-delay:.25s}@keyframes slide-in-fade{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.search-other-platforms__platform-header{display:flex;align-items:center;justify-content:flex-start;padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-base);margin-bottom:var(--space-sm)}.search-other-platforms__platform-info{display:flex;align-items:center;gap:var(--space-sm)}.search-other-platforms__platform-icon{color:var(--text-secondary);flex-shrink:0}.search-other-platforms__platform-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);letter-spacing:.01em}.search-other-platforms__platform-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--text-subtle);min-height:60px;border-radius:var(--radius-lg);background:var(--surface-canvas);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.search-other-platforms__platform-tracks{display:flex;flex-direction:column;gap:0;min-height:60px}.search-other-platforms__platform-tracks>*{animation:slide-in-fade-track .4s cubic-bezier(.16,1,.3,1) both;animation-delay:.1s;width:100%}.search-other-platforms__platform-tracks .songcard{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);border:1px solid var(--border-base);background:var(--surface-canvas);transition:none;position:relative;gap:var(--space-sm);width:100%;box-sizing:border-box}.search-other-platforms__platform-tracks .songcard:hover{background:var(--surface-canvas);border-color:var(--border-base);transform:none;box-shadow:none}.search-other-platforms__platform-tracks .songcard:active{transform:none}.search-other-platforms__platform-tracks .songcard__left{min-width:0;flex:1 1 auto;overflow:hidden;gap:var(--space-xs)}.search-other-platforms__platform-tracks .songcard__cover-wrapper,.search-other-platforms__platform-tracks .songcard__cover,.search-other-platforms__platform-tracks .songcard__cover-placeholder{width:40px;height:40px;flex-shrink:0}.search-other-platforms__platform-tracks .songcard__meta{min-width:0;flex:1 1 auto;overflow:hidden;max-width:100%}.search-other-platforms__platform-tracks .songcard__title{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9375rem;line-height:1.4}.search-other-platforms__platform-tracks .songcard__artist{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8125rem;line-height:1.4}.search-other-platforms__platform-tracks .songcard__right{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0;margin-left:var(--space-xs)}.search-other-platforms__platform-tracks .songcard__duration{font-size:.75rem;min-width:auto;white-space:nowrap}.search-other-platforms__platform-tracks .songcard__menu-button{min-width:20px;width:20px;max-width:20px;min-height:20px;height:20px;max-height:20px;padding:0}@keyframes slide-in-fade-track{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.search-other-platforms__platform-empty{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--text-subtle);border-radius:var(--radius-xl);background:var(--surface-canvas);border:1px solid var(--border-base);min-height:60px}.search-other-platforms__platform-empty svg{opacity:.5}.search-other-platforms__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);text-align:center;color:var(--text-subtle);animation:fade-in-scale .5s cubic-bezier(.16,1,.3,1) both}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.search-other-platforms__empty svg{opacity:.4;color:var(--text-subtle);transition:all .3s cubic-bezier(.16,1,.3,1);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.search-other-platforms__empty-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:.01em}.search-other-platforms__empty-description{font-size:.875rem;color:var(--text-subtle);margin:0;max-width:400px;line-height:1.6}.search-other-platforms{scrollbar-width:thin;scrollbar-color:var(--border-base) transparent}.search-other-platforms::-webkit-scrollbar{width:8px}.search-other-platforms::-webkit-scrollbar-track{background:transparent}.search-other-platforms::-webkit-scrollbar-thumb{background:var(--border-base);border-radius:var(--radius-sm)}.search-other-platforms::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.artist-card{display:flex;background:var(--surface-canvas);border:1px solid var(--border-base);border-radius:var(--radius-xl);padding:var(--space-md);cursor:pointer;transition:all .2s ease;overflow:hidden}.artist-card--grid{flex-direction:column;align-items:center}.artist-card--list{flex-direction:row;align-items:center;gap:var(--space-md);min-width:0}.artist-card:hover{background:var(--surface-elevated)}.artist-card__avatar{border-radius:50%;overflow:hidden;background:var(--surface-elevated);position:relative;flex-shrink:0;border:1px solid var(--border-base)}.artist-card--grid .artist-card__avatar{width:100%;aspect-ratio:1;height:auto;margin-bottom:var(--space-sm)}.artist-card--list .artist-card__avatar{width:48px;height:48px}.artist-card__avatar img{width:100%;height:100%;object-fit:cover}.artist-card__avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-subtle);background:var(--surface-canvas)}.artist-card--grid .artist-card__avatar-placeholder{font-size:3rem}.artist-card--list .artist-card__avatar-placeholder svg{width:20px;height:20px}.artist-card__info{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;flex:1}.artist-card--grid .artist-card__info{align-items:center;text-align:center;width:100%}.artist-card--list .artist-card__info{min-width:0;flex:1;overflow:hidden}.artist-card__name{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:1px}.artist-card__name--overflow{mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}.artist-card--list .artist-card__name,.artist-card--list .artist-card__genres{width:100%;max-width:300px;mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}.artist-card__genres{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:1px}.artist-card__genres--overflow{mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}.artist-card__footer{display:flex;align-items:center;justify-content:center;min-width:0}.artist-card--grid .artist-card__footer{margin-top:var(--space-xs)}.artist-card--list .artist-card__footer{margin-left:auto;flex-shrink:0;min-width:fit-content}.artist-card__followers{font-size:.75rem;color:var(--text-subtle);display:flex;align-items:center;gap:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.album-card{display:flex;background:var(--surface-canvas);border:1px solid var(--border-base);border-radius:var(--radius-xl);padding:var(--space-md);cursor:pointer;transition:all .2s ease;overflow:hidden}.album-card--grid{flex-direction:column}.album-card--list{flex-direction:row;align-items:center;gap:var(--space-md)}.album-card:hover{background:var(--surface-elevated)}.album-card__cover{border-radius:var(--radius-md);overflow:hidden;background:var(--surface-elevated);position:relative;flex-shrink:0}.album-card--grid .album-card__cover{width:100%;aspect-ratio:1;margin-bottom:var(--space-sm)}.album-card--list .album-card__cover{width:48px;height:48px}.album-card__cover img{width:100%;height:100%;object-fit:cover}.album-card__cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-subtle);background:var(--surface-canvas)}.album-card__info{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;flex:1}.album-card__title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);overflow:hidden;white-space:nowrap;max-width:100%;padding-left:1px}.album-card--list .album-card__title{max-width:20ch}.album-card__title--overflow{mask-image:linear-gradient(to right,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 80%,transparent 100%)}.album-card__artist{font-size:var(--font-size-sm);color:var(--text-secondary);overflow:hidden;white-space:nowrap;max-width:100%;padding-left:1px}.album-card--list .album-card__artist{max-width:20ch}.album-card__artist--overflow{mask-image:linear-gradient(to right,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 80%,transparent 100%)}.album-card__footer{display:flex;align-items:center;justify-content:space-between}.album-card--grid .album-card__footer{margin-top:var(--space-xs)}.album-card--list .album-card__footer{margin-left:auto;flex-shrink:0}.album-card__tracks{font-size:.75rem;color:var(--text-subtle);display:flex;align-items:center;gap:4px}.playlist-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--surface-canvas);border:1px solid var(--border-base);border-radius:var(--radius-xl);cursor:pointer;transition:background-color .12s ease,border-color .12s ease;position:relative;overflow:visible}.playlist-card:hover{background:var(--surface-elevated)}.playlist-card--active{background:var(--surface-canvas)}.playlist-card__left{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex:1}.playlist-card__cover{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-base);flex-shrink:0}.playlist-card__cover-placeholder{width:48px;height:48px;border-radius:var(--radius-md);border:1px solid var(--border-base);background:linear-gradient(135deg,var(--surface-elevated) 0%,var(--surface-card) 100%);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.playlist-card__meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.playlist-card__title{font-size:var(--font-size-base);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;max-width:30ch;padding-left:1px}.playlist-card__title--overflow{mask-image:linear-gradient(to right,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 80%,transparent 100%)}.playlist-card__description{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;max-width:30ch;padding-left:1px}.playlist-card__description--overflow{mask-image:linear-gradient(to right,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 80%,transparent 100%)}.playlist-card__right{display:flex;align-items:center;gap:4px;flex-shrink:0}.playlist-card__count{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-subtle);font-weight:500}.playlist-card__menu{position:relative}.playlist-card__menu-button{min-width:24px;width:24px;max-width:24px;min-height:24px;height:24px;max-height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;box-sizing:border-box;flex-shrink:0;padding:0}.playlist-card__menu-button:hover{background:var(--surface-elevated);border-color:var(--border-base);color:var(--text-primary)}.playlist-card__menu-button svg{flex-shrink:0}.playlist-card__dropdown{position:fixed;margin-top:4px;min-width:140px;background:var(--surface-elevated);border:1px solid var(--border-base);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:10000;animation:dropdownFadeIn .15s ease}.playlist-card__dropdown-item{width:100%;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:transparent;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .12s ease;text-align:left}.playlist-card__dropdown-item:hover{background:var(--surface-card)}.playlist-card__dropdown-item--danger{color:#ef4444}.playlist-card__dropdown-item--danger:hover{background:#ef44441a}.playlist-card--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.playlist-card--disabled:hover{background:var(--surface-canvas);transform:translateY(0)}.playlist-card--disabled{animation:none!important}.add-to-playlist-modal{display:flex;flex-direction:column;gap:var(--space-lg);max-height:60vh;overflow-y:auto}.add-to-playlist-modal__title{font-size:1.5rem;font-weight:600;color:var(--text-base);margin:0;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-base)}.add-to-playlist-section{display:flex;flex-direction:column;gap:var(--space-sm)}.add-to-playlist-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-subtle);padding:0 var(--space-xs);margin:0}.add-to-playlist-section-list{display:flex;flex-direction:column;gap:var(--space-xs)}.add-to-playlist-section-empty{padding:var(--space-md);text-align:center;color:var(--text-subtle);font-size:.875rem}.add-to-playlist-modal{scrollbar-width:thin;scrollbar-color:var(--border-base) transparent}.add-to-playlist-modal::-webkit-scrollbar{width:8px}.add-to-playlist-modal::-webkit-scrollbar-track{background:transparent}.add-to-playlist-modal::-webkit-scrollbar-thumb{background:var(--border-base);border-radius:var(--radius-sm)}.add-to-playlist-modal::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.settings-modal{display:flex;flex-direction:column;width:100%;height:70vh;max-height:800px;gap:0}.settings-modal__layout{display:grid;grid-template-columns:240px 1fr;grid-template-rows:1fr;height:100%;min-height:0;overflow:visible}.settings-tabs{display:flex;flex-direction:column;gap:var(--space-xxs);padding:var(--space-lg) var(--space-md);border-right:1px solid var(--border-base);background:var(--surface-canvas);overflow-y:auto;overflow-x:hidden;min-height:0}.settings-tab{width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:500;color:var(--text-secondary);text-align:left;cursor:pointer;transition:all .15s ease;white-space:nowrap;display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.settings-tab:hover{background:var(--surface-elevated);color:var(--text-primary);border-color:var(--border-base)}.settings-tab--active{color:var(--text-secondary);font-weight:500;border-color:var(--border-base)}.settings-tab--group{font-weight:600;color:var(--text-primary);border-color:var(--border-base)}.settings-tab--group:hover{background:var(--surface-elevated);border-color:var(--border-strong)}.settings-tab--nested{margin-left:var(--space-lg);width:calc(100% - var(--space-lg));font-size:.875rem}.settings-tab--nested+.settings-tab--nested{margin-top:var(--space-xxs)}.settings-tab--nested svg:first-child{flex-shrink:0;color:var(--text-secondary)}.settings-tab svg:first-child{flex-shrink:0;color:var(--text-secondary)}.settings-tab:hover svg:first-child,.settings-tab--active svg:first-child{color:var(--text-primary)}.settings-tab__chevron{flex-shrink:0;transition:transform .2s ease;color:var(--text-secondary)}.settings-tab__chevron--expanded{transform:rotate(90deg)}.settings-modal__content{display:flex;flex-direction:column;gap:var(--space-xl);overflow-y:auto;overflow-x:hidden;padding:var(--space-lg) var(--space-xl);background:var(--surface-canvas)}.settings-group{display:flex;flex-direction:column;gap:var(--space-md)}.settings-group__title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);margin:0;margin-bottom:var(--space-sm)}.settings-switch{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--surface-secondary);border-radius:var(--radius-md);border:1px solid var(--border-base)}.settings-switch__content{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.settings-switch__title{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.settings-switch__description{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.settings-switch__toggle{position:relative;width:44px;height:24px;background:var(--surface-canvas);border-radius:12px;border:2px solid var(--border-base);cursor:pointer;transition:all .2s ease;flex-shrink:0}.settings-switch__toggle:hover{border-color:var(--border-strong)}.settings-switch__toggle--active{background:var(--interactive-accent);border-color:var(--interactive-accent)}.settings-switch__toggle--active:hover{background:var(--interactive-accent-hover);border-color:var(--interactive-accent-hover)}.settings-switch__thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-primary);border-radius:50%;transition:all .2s ease;box-shadow:0 2px 4px #0000004d}.settings-switch__toggle--active .settings-switch__thumb{transform:translate(20px);background:var(--text-inverse)}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.settings-grid--small{grid-template-columns:repeat(3,1fr)}.settings-cache-info{display:flex;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--surface-canvas);border:2px solid var(--border-base);border-radius:var(--radius-md)}.settings-cache-info__item{display:flex;flex-direction:column;gap:2px;flex:1}.settings-cache-info__label{font-size:.6875rem;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.settings-cache-info__value{font-size:1.125rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.settings-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--surface-canvas);border:2px solid var(--border-base);border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;min-height:140px}.settings-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.settings-card--active{border-color:var(--text-primary);background:var(--surface-elevated)}.settings-card--active:hover{transform:translateY(0)}.settings-card--full{min-height:auto;cursor:default;box-sizing:border-box}.settings-card--full:hover{transform:none;border-color:var(--border-base)}.settings-card__preview{display:flex;gap:4px;margin-top:auto;width:100%}.settings-card__preview-color{flex:1;height:24px;border-radius:var(--radius-xs)}.settings-card__icon{display:flex;align-items:center;justify-content:flex-start;width:48px;height:48px;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:1.5rem;transition:all .2s ease}.settings-card__icon svg{width:24px;height:24px}.settings-card__icon img{width:36px;height:36px}.settings-card__flag{background:transparent;padding:0}.settings-card--active .settings-card__icon,.settings-card--active .settings-card__flag{background:transparent}.settings-card__content{display:flex;flex-direction:column;gap:2px;width:100%}.settings-card__title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.settings-card__description{font-size:.75rem;color:var(--text-secondary)}.settings-card__indicator{position:absolute;top:var(--space-xs);right:var(--space-xs);width:8px;height:8px;border-radius:50%;background:var(--text-primary);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.settings-action-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--surface-canvas);border:1px solid var(--border-base);border-radius:var(--radius-md);transition:border-color .15s ease}.settings-action-card:hover{border-color:var(--border-strong)}.settings-action-card__left{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.settings-action-card__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--text-secondary)}.settings-action-card__content{flex:1;min-width:0}.settings-action-card__title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 2px}.settings-action-card__description{font-size:.8125rem;color:var(--text-secondary);margin:0}.settings-about{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--surface-canvas);border:1px solid var(--border-base);border-radius:var(--radius-md);margin-top:auto;cursor:pointer;text-align:left;width:100%}.settings-about--clicked{animation:about-click .15s ease-out}@keyframes about-click{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}.settings-about__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-subtle)}.settings-about__content{display:flex;flex-direction:column;gap:2px}.settings-about__name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.settings-about__version,.settings-about__copyright{font-size:.75rem;color:var(--text-subtle)}.settings-modal__content{scrollbar-width:none;scrollbar-color:transparent transparent}.settings-modal__content::-webkit-scrollbar{display:none}.settings-modal__content::-webkit-scrollbar-track{background:transparent}.settings-modal__content::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--radius-sm)}.settings-modal__content::-webkit-scrollbar-thumb:hover{background:transparent}.settings-profile-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface-secondary);border-radius:var(--radius-md);border:1px solid var(--border-base)}.settings-profile-card__avatar{flex-shrink:0;width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--surface-canvas);border:2px solid var(--border-base)}.settings-profile-card__avatar img{width:100%;height:100%;object-fit:cover}.settings-profile-card__avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-subtle);background:var(--surface-elevated)}.settings-profile-card__info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.settings-profile-card__name{font-size:.9375rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-profile-card__handle{font-size:.8125rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.settings-modal{height:65vh}.settings-modal__layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.settings-tabs{flex-direction:row;overflow-x:auto;padding:var(--space-sm) var(--space-md);border-right:none;border-bottom:1px solid var(--border-base);gap:var(--space-xs)}.settings-tab{flex-shrink:0}.settings-tab--active{background:var(--surface-elevated)}.settings-tab--active:before{display:none}.settings-modal__content{padding:var(--space-md)}}@media(max-width:600px){.settings-grid{grid-template-columns:1fr}.settings-action-card{flex-direction:column;align-items:flex-start}.settings-action-card__left{width:100%}.settings-profile-card{flex-wrap:wrap}}.settings-hotkeys-list{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.settings-hotkey-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--surface-secondary);border-radius:var(--radius-md);border:1px solid var(--border-base);transition:border-color .2s ease}.settings-hotkey-row:hover{border-color:var(--border-strong)}.settings-hotkey-row span{font-size:.875rem;color:var(--text-primary);font-weight:500}.settings-hotkey-bind{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--surface-elevated);border:1px solid var(--border-base);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s ease,background-color .2s ease;min-width:60px;justify-content:center}.settings-hotkey-bind:hover{border-color:var(--interactive-accent);background:var(--surface-card)}.settings-hotkey-bind kbd{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;color:var(--text-primary);background:transparent;border:none;padding:0;box-shadow:none}.settings-hotkey-combo{display:flex;align-items:center;gap:4px}.settings-hotkey-combo span{color:var(--text-subtle);font-size:.75rem}.settings-hotkey-bind--recording{border-color:var(--interactive-accent);background:var(--surface-card);color:var(--interactive-accent)}.settings-hotkey-bind--recording span{font-size:.75rem;font-weight:500}.settings-lastfm-options{display:flex;flex-direction:column;gap:var(--space-md);padding-bottom:0}.settings-slider-container{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:transparent;border-radius:var(--radius-lg);border:1px solid var(--border-base);transition:border-color .2s cubic-bezier(.4,0,.2,1)}.settings-slider-container:hover{border-color:var(--border-strong)}.settings-slider-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.settings-slider-title{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.settings-slider-value{font-size:.875rem;font-weight:600;color:var(--text-primary);padding:var(--space-xs) var(--space-sm);background:transparent;border-radius:var(--radius-sm);border:1px solid var(--border-base)}.settings-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-sm);background:var(--surface-elevated);outline:none;border:1px solid var(--border-base);cursor:pointer;transition:border-color .2s cubic-bezier(.4,0,.2,1)}.settings-slider:hover{border-color:var(--border-strong)}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--interactive-accent);cursor:pointer;border:3px solid var(--surface-card);box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.4,0,.2,1)}.settings-slider::-webkit-slider-thumb:hover{background:var(--interactive-accent-hover);transform:scale(1.1);box-shadow:var(--shadow-md)}.settings-slider::-webkit-slider-thumb:active{transform:scale(.95)}.settings-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--interactive-accent);cursor:pointer;border:3px solid var(--surface-card);box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.4,0,.2,1)}.settings-slider::-moz-range-thumb:hover{background:var(--interactive-accent-hover);transform:scale(1.1);box-shadow:var(--shadow-md)}.settings-slider::-moz-range-thumb:active{transform:scale(.95)}.settings-server-status__indicator{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.titlebar{height:var(--size-titlebar-height);width:100%;background:var(--surface-canvas);border-bottom:none;display:flex;align-items:center;justify-content:space-between;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-app-region:drag}.titlebar--borderless{border-bottom:none}.titlebar__spacer{width:0;flex-shrink:0}.titlebar__info{display:flex;align-items:center;gap:5px;flex:1;padding-left:var(--space-md)}.titlebar__logo{width:var(--size-icon-titlebar-logo);height:var(--size-icon-titlebar-logo);color:var(--text-primary);display:flex;align-items:center;justify-content:center}.titlebar__app-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);letter-spacing:.02em}.titlebar__version{font-size:.75rem;font-weight:400;color:var(--text-subtle);opacity:.7;margin-left:4px}.titlebar__center{position:absolute;left:50%;transform:translate(-50%);font-size:.8125rem;font-weight:500;color:var(--text-secondary);pointer-events:none}.titlebar__controls{display:flex;height:100%;-webkit-app-region:no-drag}.titlebar__control{width:var(--size-titlebar-control);height:100%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:background-color .15s,color .15s;padding:0}.titlebar__control:hover{background:var(--surface-elevated);color:var(--text-primary)}.titlebar__control--close:hover{background:#e81123;color:#fff}.titlebar__control svg{width:var(--size-icon-titlebar-control);height:var(--size-icon-titlebar-control)}.logo-icon{display:inline-block;width:100%;height:100%;background-image:url("data:image/svg+xml,%3csvg%20version='1.2'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%20width='512'%20height='512'%3e%3cstyle%3e%20.s0%20{%20fill:%20%23020202%20}%20.s1%20{%20fill:%20%23fcfcfc%20}%20%3c/style%3e%3cg%3e%3cpath%20fill-rule='evenodd'%20class='s0'%20d='m238.36%200.28q29.13-1.56%2057.35%205.52%2077.24%2041.91%20152.2%2087.12%2033.96%2024.9%2043.01%2066.17%202.2%2097.05%200%20194.11-9.02%2041.19-43.01%2066.17-75.62%2044.49-152.2%2087.12-38.62%2011.03-77.2%200-78.52-42.54-154.4-88.23-35.4-27.2-43.01-71.68-2.2-90.44%200-180.87%208.86-54.02%2056.25-80.51%2062.45-35.37%20124.62-71.68%2017.54-9.7%2036.39-13.24z'/%3e%3c/g%3e%3cg%3e%3cpath%20fill-rule='evenodd'%20class='s1'%20d='m419.23%20167.92q24.33-5.76%2036.4%2015.44%203.16%2089.46-2.21%20178.66-10.48%2023.71-34.19%2034.19-58.43%2031.41-114.69%2066.17-25.49%208.48-34.19-16.55-2.21-90.43%200-180.86%205.75-12.38%2016.54-20.96%2066.92-37.3%20132.34-76.09z'/%3e%3c/g%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center center}:root[data-theme=dark] .logo-icon{background-image:url("data:image/svg+xml,%3csvg%20version='1.2'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%20width='512'%20height='512'%3e%3cstyle%3e%20.s0%20{%20fill:%20%23fcfcfc%20}%20.s1%20{%20fill:%20%23020202%20}%20%3c/style%3e%3cg%3e%3cpath%20fill-rule='evenodd'%20class='s0'%20d='m238.36%200.28q29.13-1.56%2057.35%205.52%2077.24%2041.91%20152.2%2087.12%2033.96%2024.9%2043.01%2066.17%202.2%2097.05%200%20194.11-9.02%2041.19-43.01%2066.17-75.62%2044.49-152.2%2087.12-38.62%2011.03-77.2%200-78.52-42.54-154.4-88.23-35.4-27.2-43.01-71.68-2.2-90.44%200-180.87%208.86-54.02%2056.25-80.51%2062.45-35.37%20124.62-71.68%2017.54-9.7%2036.39-13.24z'/%3e%3c/g%3e%3cg%3e%3cpath%20fill-rule='evenodd'%20class='s1'%20d='m419.23%20167.92q24.33-5.76%2036.4%2015.44%203.16%2089.46-2.21%20178.66-10.48%2023.71-34.19%2034.19-58.43%2031.41-114.69%2066.17-25.49%208.48-34.19-16.55-2.21-90.43%200-180.86%205.75-12.38%2016.54-20.96%2066.92-37.3%20132.34-76.09z'/%3e%3c/g%3e%3c/svg%3e")}.app-layout{display:grid;grid-template-columns:var(--size-sidebar-width) 1fr;grid-template-rows:var(--size-titlebar-height) 1fr auto;grid-template-areas:"titlebar titlebar" "sidebar content" "sidebar miniplayer";width:100vw;height:100vh;overflow:hidden;background:var(--surface-canvas);position:relative}.app-layout__sidebar{grid-area:sidebar;border-right:1px solid var(--border-base)}.app-layout__sidebar .sidebar{border-right:none}.app-layout__titlebar{grid-area:titlebar;border-bottom:1px solid var(--border-base)}.app-layout__content{grid-area:content;overflow:auto;background:var(--surface-canvas);padding:0 var(--space-md) var(--space-md) 0;box-sizing:border-box}.app-layout__miniplayer{grid-area:miniplayer;display:flex;align-items:center;justify-content:flex-start;padding-right:var(--space-md);padding-bottom:var(--space-md);box-sizing:border-box}.miniplayer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:.75rem var(--space-md) .75rem calc(var(--space-sm) + 4px);background:var(--surface-canvas);border:1px solid var(--border-base);border-radius:var(--radius-xl);color:var(--text-primary);width:100%;max-width:none;margin:0;height:calc(var(--size-icon-sidebar-cover) + 24px);box-sizing:border-box;overflow:hidden}.miniplayer__progress{position:absolute;bottom:0;left:0;height:3px;background:var(--interactive-accent);pointer-events:none;z-index:2;transition:width .3s ease;border-radius:0 3px 3px 0}.miniplayer__timeline-hitbox{position:absolute;bottom:0;left:0;right:0;height:6px;cursor:pointer;z-index:3}.miniplayer--dragging{cursor:default;-webkit-user-select:none;user-select:none}.miniplayer--dragging .miniplayer__timeline-hitbox{cursor:default}.miniplayer__left{display:flex;align-items:center;gap:var(--space-xs);min-width:200px;position:relative;z-index:1}.miniplayer__cover-wrapper{position:relative}.miniplayer__cover{width:calc(var(--size-icon-sidebar-cover) - 8px);height:calc(var(--size-icon-sidebar-cover) - 8px);object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-base);transition:opacity .2s ease,filter .2s ease}.miniplayer__cover--loading{opacity:.4;filter:brightness(.7)}.miniplayer__cover-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:loaderFadeIn .2s ease forwards}@keyframes loaderFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.miniplayer__cover--animating{animation:trackFadeIn .3s cubic-bezier(.16,1,.3,1)}.miniplayer__cover--placeholder{display:inline-flex;align-items:center;justify-content:center;background:var(--surface-subtle);color:var(--text-secondary);border-radius:6px;width:calc(var(--size-icon-sidebar-cover) - 8px);height:calc(var(--size-icon-sidebar-cover) - 8px);border:1px solid var(--border-base)}.miniplayer__meta{display:flex;flex-direction:column;gap:0px;margin-left:2px}@keyframes trackFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.miniplayer__meta--animating{animation:trackFadeIn .3s cubic-bezier(.16,1,.3,1)}.miniplayer__title{font-weight:600;font-size:.95rem;margin-bottom:0;white-space:nowrap;overflow:hidden;max-width:20ch;padding-left:1px}.miniplayer__title--overflow{mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}.miniplayer__artist{font-size:.8rem;color:var(--text-secondary);margin-top:-2px;white-space:nowrap;overflow:hidden;max-width:20ch;padding-left:1px}.miniplayer__artist--overflow{mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}.miniplayer__add{margin-left:8px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0!important;box-sizing:border-box;border-radius:50%;border:1px solid var(--border-base);background:transparent;color:var(--text-primary);cursor:pointer;position:relative;overflow:hidden;transition:background-color .18s ease,transform .12s ease}.miniplayer__add svg,.miniplayer__icon--add,.miniplayer__icon--add svg{width:12px!important;height:12px!important}.miniplayer__add svg,.miniplayer__add .miniplayer__icon,.miniplayer__add .miniplayer__icon svg{stroke:currentColor!important;fill:none!important;color:inherit!important}.miniplayer__add:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,#0000001f,#0000 70%);transform:translate(-50%,-50%);transition:width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1),opacity .6s;pointer-events:none;opacity:0}.miniplayer__add:hover:not(:disabled){background:var(--surface-subtle)}.miniplayer__add:active:before{width:200px;height:200px;opacity:1;transition:width 0s,height 0s,opacity .15s}.miniplayer__center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;z-index:2}.miniplayer__ctrl{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-primary);position:relative;overflow:hidden;cursor:pointer}.miniplayer__icon,.miniplayer__icon svg,.miniplayer__icon--ctrl,.miniplayer__icon--ctrl svg{width:20px!important;height:20px!important}.miniplayer__icon,.miniplayer__icon svg{display:inline-block!important;min-width:18px!important;min-height:18px!important;transform:none!important}.miniplayer__icon--small,.miniplayer__icon--small svg{width:18px!important;height:18px!important}.miniplayer__icon--play,.miniplayer__icon--play svg{width:20px!important;height:20px!important}.miniplayer__ctrl:hover{background:var(--interactive-muted)}.miniplayer__ctrl:disabled,.miniplayer__ctrl[aria-disabled=true]{opacity:.45;cursor:default;pointer-events:none}.miniplayer__add:disabled,.miniplayer__add[aria-disabled=true]{opacity:.45;cursor:default;pointer-events:none}.miniplayer__ctrl:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,#0000001f,#0000 70%);transform:translate(-50%,-50%);transition:width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1),opacity .6s;pointer-events:none;opacity:0}.miniplayer__ctrl:active:before{width:200px;height:200px;opacity:1;transition:width 0s,height 0s,opacity .12s}.miniplayer__ctrl--play{width:44px;height:44px;border-radius:10px;background:transparent}.miniplayer__ctrl--small{width:44px;height:44px;padding:0 8px}.miniplayer__right{display:flex;align-items:center;gap:10px;min-width:140px;justify-content:flex-end;position:relative;z-index:1}.miniplayer__time{display:inline-block;margin:0}.miniplayer__sep{color:var(--text-secondary)}.miniplayer__volume-control{position:relative;display:flex;align-items:center;gap:8px}.miniplayer__volume-slider{position:absolute;left:100%;display:flex;align-items:center;padding-left:8px;opacity:0;transform:translate(-20px);pointer-events:none;transition:opacity .25s cubic-bezier(.34,1.56,.64,1),transform .25s cubic-bezier(.34,1.56,.64,1)}.miniplayer__volume-slider--visible{opacity:1;transform:translate(0);pointer-events:auto}.miniplayer__slider{-webkit-appearance:none;appearance:none;width:80px;height:4px;background:transparent;border-radius:2px;outline:none;cursor:pointer;margin:0;padding:0}.miniplayer__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--interactive-accent);cursor:pointer;transition:transform .2s ease;margin-top:-4px}.miniplayer__slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.miniplayer__slider::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--interactive-accent);cursor:pointer;transition:transform .2s ease}.miniplayer__slider::-moz-range-thumb:hover{transform:scale(1.2)}.miniplayer__slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:transparent}.miniplayer__slider::-moz-range-track{height:4px;border-radius:2px;background:transparent}@media(max-width:500px){.miniplayer__meta{display:none}.miniplayer__left{min-width:auto}}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);border-radius:999px;font-size:.9rem;font-weight:500;line-height:1;white-space:nowrap;box-sizing:border-box;background:var(--surface-canvas);border:1px solid var(--border-base);color:var(--text-primary)}.badge--outline{background:transparent;color:var(--text-primary)}.badge[role=button]{pointer-events:none}.window-content{background:var(--surface-canvas);border:1px solid var(--border-base);border-radius:var(--radius-lg);width:100%;height:100%;box-sizing:border-box;overflow:auto}.window-content--padding-none{padding:0}.window-content--padding-sm{padding:var(--space-sm)}.window-content--padding-md{padding:var(--space-md)}.window-content--padding-lg{padding:var(--space-lg)}.window-content--padding-xl{padding:var(--space-xl)}.virtualized-tracklist{width:100%;overflow:hidden}.virtualized-track-item{padding:0 8px 12px;transition:opacity .28s ease,transform .28s ease;box-sizing:border-box}.virtualized-track-item--removing{opacity:0;transform:translate(-20px);pointer-events:none}.virtualized-track-item--selected{background:var(--surface-elevated, rgba(255, 255, 255, .05))}.virtualized-track-item--selection-mode .virtualized-track-wrapper{cursor:pointer}.virtualized-track-wrapper{width:100%}.virtualized-track-item--selection-mode .songcard{cursor:pointer;-webkit-user-select:none;user-select:none}.tracklist{display:flex;flex-direction:column;gap:var(--space-md);height:100%;position:relative;min-height:0}.tracklist-empty{display:flex;align-items:center;justify-content:center;height:100%;animation:emptyStateFadeIn .4s cubic-bezier(.16,1,.3,1)}@keyframes emptyStateFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tracklist-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--surface-canvas);border:1px solid var(--border-base);border-radius:var(--radius-lg);flex-shrink:0}.tracklist-header__cover{flex-shrink:0;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-card);border:1px solid var(--border-base)}.tracklist-header__cover-img{width:100%;height:100%;object-fit:cover;display:block}.tracklist-header__cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-card);color:var(--text-secondary)}.tracklist-header__info{flex:1;display:flex;flex-direction:column;min-width:0}.tracklist-header__title{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracklist-header__description{font-size:.875rem;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracklist-header__meta{font-size:.8125rem;color:var(--text-subtle);margin:0}.tracklist-header__actions{display:flex;gap:var(--space-xs);align-items:center;flex-shrink:0}.tracklist-header__menu{position:relative}.tracklist-header__menu-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-base);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;padding:0}.tracklist-header__menu-button:hover{background:var(--surface-elevated);border-color:var(--border-strong);color:var(--text-primary)}.tracklist-header__dropdown{position:fixed;margin-top:4px;min-width:140px;background:var(--surface-elevated);border:1px solid var(--border-base);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:10000;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tracklist-header__dropdown-item{width:100%;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:transparent;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .12s ease;text-align:left}.tracklist-header__dropdown-item:hover{background:var(--surface-card)}.tracklist-header__dropdown-item--danger{color:#ef4444}.tracklist-header__dropdown-item--danger:hover{background:#ef44441a}.tracklist-tracks{display:flex;flex-direction:column;gap:var(--space-sm);flex:1;min-height:0;overflow-y:auto;padding-bottom:var(--space-md)}.tracklist-track-item{animation:trackItemFadeIn .28s cubic-bezier(.22,1,.36,1);border-radius:var(--radius-md);transition:max-height .3s cubic-bezier(.4,0,.2,1),margin-bottom .3s cubic-bezier(.4,0,.2,1)}.tracklist-track-wrapper{position:relative;width:100%;border-radius:var(--radius-md);transition:background-color .2s cubic-bezier(.4,0,.2,1)}.tracklist-track-item--selection-mode .tracklist-track-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none}.tracklist-track-wrapper .songcard{transition:background-color .25s cubic-bezier(.4,0,.2,1)!important}.tracklist-track-item--selected .tracklist-track-wrapper .songcard{background:var(--surface-elevated)!important}.tracklist-track-item--selection-mode .songcard:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,#00000014,#0000 70%);transform:translate(-50%,-50%);transition:width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1);pointer-events:none;opacity:0;z-index:1}.tracklist-track-item--selection-mode .tracklist-track-wrapper:active .songcard:before{width:300px;height:300px;opacity:1;transition:width 0s,height 0s,opacity .15s}.tracklist-track-item--selection-mode .tracklist-track-wrapper:before{content:"";position:absolute;inset:0;z-index:10;cursor:pointer}.tracklist-track-item{margin-bottom:0}.tracklist-track-item--removing{animation:trackRemove .28s cubic-bezier(.4,0,.2,1) forwards;overflow:hidden}.tracklist-track-item--removing .songcard{pointer-events:none;-webkit-user-select:none;user-select:none}.tracklist-fab{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:100;animation:fabSlideIn .3s cubic-bezier(.4,0,.2,1);transition:opacity .2s ease-out,transform .2s ease-out;display:inline-grid;grid-template-columns:1fr}.tracklist-fab.fab-exit{opacity:0;transform:translateY(20px)}.tracklist-fab__content{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--surface-canvas);border:1px solid var(--border-base);border-radius:var(--radius-xl);max-width:max-content;transition:max-width .5s cubic-bezier(.16,.8,.3,1)}.tracklist-fab__count{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;font-variant-numeric:tabular-nums;transition:opacity .15s cubic-bezier(.16,.8,.3,1)}.tracklist-fab__count>span{display:inline-block}.tracklist-fab__actions{display:grid;grid-template-columns:0fr;gap:var(--space-xs);align-items:center;transition:grid-template-columns .4s cubic-bezier(.16,.8,.3,1)}.tracklist-fab__actions--expanded{grid-template-columns:1fr}.tracklist-fab__actions-wrapper{display:flex;gap:var(--space-xs);align-items:center;min-width:0;overflow:hidden;transition:opacity .3s cubic-bezier(.16,.8,.3,1)}.tracklist-fab__actions:not(.tracklist-fab__actions--expanded) .tracklist-fab__actions-wrapper>*:not(:last-child){opacity:0;pointer-events:none}.tracklist-fab__actions--expanded .tracklist-fab__actions-wrapper>*{opacity:1;transform:translate(0);transition:opacity .3s cubic-bezier(.16,.8,.3,1),transform .3s cubic-bezier(.16,.8,.3,1)}.tracklist-fab__actions--expanded .tracklist-fab__actions-wrapper>*:nth-child(1){transition-delay:.05s}.tracklist-fab__actions--expanded .tracklist-fab__actions-wrapper>*:nth-child(2){transition-delay:.08s}.tracklist-fab__actions--expanded .tracklist-fab__actions-wrapper>*:nth-child(3){transition-delay:.11s}@media(max-width:768px){.tracklist-header{flex-direction:column;align-items:flex-start}.tracklist-header__cover{width:120px;height:120px}.tracklist-header__title{font-size:1.25rem}.tracklist-fab{bottom:var(--space-md);right:var(--space-md);left:var(--space-md)}.tracklist-fab__content{flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.tracklist-fab__actions{width:100%;justify-content:stretch;flex-wrap:wrap}.tracklist-fab__actions button{flex:1}}@keyframes trackItemFadeIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fabSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fabButtonFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes trackRemove{0%{opacity:1;margin-bottom:0}to{opacity:0;margin-bottom:-80px}}.modal__window:has(.create-playlist-modal){width:fit-content;max-width:min(520px,90vw)}.modal__content:has(.create-playlist-modal){padding:var(--space-lg);gap:0}.create-playlist-modal{display:flex;flex-direction:column;gap:var(--space-md)}.create-playlist-modal__title{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary);letter-spacing:-.02em}.create-playlist-form{display:flex;flex-direction:column;gap:var(--space-md);flex:1}.create-playlist-content{display:flex;gap:var(--space-md);align-items:stretch;flex:1}.create-playlist-field{display:flex;flex-direction:column;gap:var(--space-sm)}.create-playlist-field--flex{flex:1;display:flex;flex-direction:column;justify-content:space-between}.create-playlist-cover{flex-shrink:0}.create-playlist-cover__preview{position:relative;width:120px;height:120px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-base)}.create-playlist-cover__preview img{width:100%;height:100%;object-fit:cover}.create-playlist-cover__remove{position:absolute;top:var(--space-xs);right:var(--space-xs);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--surface-canvas);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:background .15s ease;opacity:.9}.create-playlist-cover__remove:hover{opacity:1;background:var(--surface-elevated)}.create-playlist-cover__change{position:absolute;bottom:var(--space-xs);right:var(--space-xs);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--surface-canvas);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:background .15s ease;opacity:.9}.create-playlist-cover__change:hover{opacity:1;background:var(--surface-elevated)}.create-playlist-cover__upload{width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);background:var(--surface-elevated);border:1px dashed var(--border-base);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;color:var(--text-secondary)}.create-playlist-cover__upload:hover{background:var(--surface-card);border-color:var(--border-strong);color:var(--text-primary)}.create-playlist-cover__upload span{font-size:.7rem;font-weight:500}.create-playlist-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.create-playlist-textarea{width:100%;flex:1;padding:var(--space-sm);background:var(--surface-elevated);border:1px solid var(--border-base);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.875rem;resize:vertical;min-height:40px;transition:border-color .15s ease,background-color .15s ease;box-sizing:border-box}.create-playlist-textarea:focus{outline:none;border-color:var(--border-strong);background:var(--surface-card)}.create-playlist-textarea::placeholder{color:var(--text-subtle)}.create-playlist-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;padding-top:var(--space-sm);border-top:1px solid var(--border-base)}@media(max-width:600px){.create-playlist-modal{min-width:auto;max-width:100%}.create-playlist-content{flex-direction:column}.create-playlist-cover{align-self:center}.create-playlist-cover__preview,.create-playlist-cover__upload{width:100px;height:100px}}.import-playlist-modal{display:flex;flex-direction:column;gap:var(--space-sm)}.import-playlist-modal__header{display:flex;align-items:center;gap:8px;padding:4px 0;color:var(--text-primary)}.import-playlist-modal__title{font-size:16px;font-weight:500;margin:0}.import-playlist-modal__description{color:var(--text-secondary);font-size:13px;margin:0;line-height:1.4}.import-playlist-form{display:flex;flex-direction:column;gap:12px;margin-top:8px}.import-playlist-form__field{display:flex;flex-direction:column;gap:6px}.import-playlist-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.import-playlist-error{padding:8px 12px;background:#ef444414;border-radius:var(--radius-sm);color:#ef4444;font-size:12px;line-height:1.4}.import-playlist-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.import-playlist-submit{position:relative}.import-playlist-submit__text{opacity:1;transition:opacity .2s ease}.import-playlist-submit__text--hidden{opacity:0}.import-playlist-submit__loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;opacity:0;animation:loader-fade-in .3s ease .1s forwards}@keyframes loader-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal__content:has(.alert-dialog){padding:0;gap:0}.alert-dialog{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:var(--space-md) var(--space-lg);gap:var(--space-sm)}.alert-dialog__header{display:flex;align-items:center;gap:var(--space-xs)}.alert-dialog__icon{width:auto;height:auto;display:flex;align-items:center;justify-content:center;color:var(--text-primary);flex-shrink:0}.alert-dialog__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.alert-dialog__message{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.alert-dialog__actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-xs)}.alert-dialog__button{min-width:80px}.alert-dialog__button{width:100%}.alert-dialog__error-details{display:flex;align-items:flex-start;gap:var(--space-xs);padding:var(--space-sm);background:var(--surface-secondary);border-radius:var(--radius-sm);margin-top:var(--space-xs)}.alert-dialog__error-text{flex:1;font-size:.75rem;font-family:Courier New,monospace;color:var(--text-tertiary);line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.alert-dialog__copy-button{flex-shrink:0;padding:var(--space-xs);background:transparent;border:none;cursor:pointer;color:var(--text-tertiary);border-radius:var(--radius-xs);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.alert-dialog__copy-button:hover{background:var(--surface-tertiary);color:var(--text-secondary)}.alert-dialog__copy-button:active{transform:scale(.95)}.aurora-container{position:absolute;inset:0;width:100%;height:100%}.aurora-container canvas{width:100%!important;height:100%!important;object-fit:cover}.onboarding-screen{position:fixed;inset:0;z-index:10000;background:var(--surface-canvas);display:flex;align-items:center;justify-content:center}.onboarding-container{position:relative;width:90vw;max-width:800px;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.onboarding-progress{display:flex;gap:var(--space-sm);justify-content:center;align-items:center}.progress-dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--border-base);transition:all .2s ease}.progress-dot.active{background:var(--text-primary)}.onboarding-content{width:100%;display:flex;align-items:center;justify-content:center;overflow:visible}.onboarding-card{position:relative;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent!important;border:1px solid var(--border-base);min-height:300px}.onboarding-card:hover{border-color:var(--border-base)!important;transform:none!important;box-shadow:none!important}.onboarding-card-bg{position:absolute;inset:0;z-index:0;opacity:.2;pointer-events:none;overflow:hidden}.onboarding-card-wrapper{width:100%;overflow:visible}.step-content-wrapper{width:100%}.step-container{position:relative;z-index:1;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;padding:var(--space-md) 0}.step-logo{width:56px;height:56px;display:flex;align-items:center;justify-content:center}.step-logo .logo-icon{width:100%;height:100%}.step-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.step-description{font-size:.875rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;color:var(--text-secondary);margin:0;line-height:1.4;margin-top:-var(--space-xs)}.platforms-list{display:flex;gap:var(--space-lg);align-items:center}.onboarding-cta{margin-top:6px}.onboarding-cta__link{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:all .12s ease}.onboarding-cta__link:hover{background:var(--surface-card);color:var(--text-primary)}.onboarding-cta__icon{font-size:18px}.platform-icon-wrapper{font-size:36px;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.auth-form{display:flex;flex-direction:column;gap:var(--space-lg);width:100%;max-width:400px;align-items:center}.auth-toggle{display:flex;gap:var(--space-xs);background:var(--surface-elevated);padding:var(--space-xxs);border-radius:var(--radius-md)}.auth-toggle-btn{padding:var(--space-sm) var(--space-lg);background:transparent;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.auth-toggle-btn:hover{color:var(--text-primary)}.auth-toggle-btn.active{background:var(--surface-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.auth-inputs{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.auth-error{color:var(--color-danger-500);font-size:.875rem;text-align:center;font-weight:500;overflow:hidden;margin-top:var(--space-xs)}.shine-text{background:linear-gradient(90deg,var(--text-primary) 0%,var(--text-secondary) 25%,#fff 50%,var(--text-secondary) 75%,var(--text-primary) 100%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s linear infinite}@keyframes shine{to{background-position:200% center}}.profile-form{display:flex;flex-direction:column;gap:var(--space-xl);width:100%;max-width:400px;align-items:center}.profile-avatar{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.avatar-preview{width:120px;height:120px;border-radius:50%;border:2px solid var(--border-base);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);cursor:pointer;transition:border-color .2s ease,transform .2s ease}.avatar-preview:hover{border-color:var(--text-primary);transform:scale(1.02)}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:3rem;color:var(--text-subtle);font-weight:300}.avatar-upload-label{font-size:.875rem;color:var(--text-secondary);cursor:pointer;text-decoration:underline;transition:color .2s ease}.avatar-upload-label:hover{color:var(--text-primary)}.profile-inputs{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.premium-check{display:flex;flex-direction:column;gap:var(--space-lg);width:100%;max-width:500px;align-items:center;padding:var(--space-xl) 0}.premium-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl) 0}.premium-spinner{width:48px;height:48px;border:3px solid var(--border-base);border-top-color:var(--interactive-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.premium-blocked{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;text-align:center;padding:var(--space-xl) var(--space-lg)}.premium-blocked-icon{font-size:72px;margin-bottom:var(--space-sm)}.premium-blocked-text{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0;max-width:450px}.hotkeys-list{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);width:100%;max-width:500px}.hotkey-item{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-sm)}.hotkey-keys{display:flex;gap:var(--space-xxs);align-items:center;flex-shrink:0}.hotkey-keys kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 var(--space-sm);background:#0a0a0a;border:1px solid var(--border-base);border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.75rem;font-weight:500;color:var(--text-primary)}.hotkey-desc{font-size:.875rem;color:var(--text-secondary);text-align:left;line-height:1.4}.onboarding-nav{display:flex;justify-content:center;align-items:center;gap:var(--space-md);min-height:40px}@media(max-width:768px){.onboarding-container{width:95vw;gap:var(--space-md)}.onboarding-card{min-height:auto}.step-container{padding:var(--space-sm) 0}.step-title{font-size:1.5rem}.step-logo{width:48px;height:48px}.platform-icon-wrapper{font-size:36px}.platforms-list{gap:var(--space-md)}.hotkeys-list{grid-template-columns:1fr}}[data-theme=dark] .hotkey-keys kbd{background:#0a0a0a;border-color:var(--border-base)}[data-theme=light] .hotkey-keys kbd{background:var(--surface-elevated);border-color:var(--border-base)}.error-boundary{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--surface-canvas);padding:var(--space-lg);z-index:10000}.error-boundary__content{max-width:600px;width:100%;text-align:center;animation:error-fade-in .4s cubic-bezier(.16,1,.3,1) forwards}.error-boundary__icon{margin-bottom:var(--space-md);color:var(--text-primary)}.error-boundary__title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.error-boundary__message{font-size:1rem;color:var(--text-secondary);margin:0 0 var(--space-lg) 0;line-height:1.5}.error-boundary__actions{display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-lg)}.error-boundary__details{margin-top:var(--space-xl);border:1px solid var(--border-base);border-radius:var(--radius-md);text-align:left;overflow:hidden}.error-boundary__details-summary{cursor:pointer;font-weight:600;color:var(--text-primary);padding:var(--space-md);background:var(--surface-chrome);-webkit-user-select:none;user-select:none;transition:color .2s ease;display:flex;align-items:center;gap:var(--space-xs)}.error-boundary__details-summary:hover{color:var(--text-secondary)}.error-boundary__details-arrow{display:inline-block;transition:transform .3s cubic-bezier(.16,.8,.3,1);transform-origin:center}.error-boundary__details-arrow.open{transform:rotate(90deg)}.error-boundary__details-animated{display:grid;grid-template-rows:0fr;animation:details-expand .3s cubic-bezier(.16,.8,.3,1) forwards}.error-boundary__details-animated.closing{animation:details-collapse .3s cubic-bezier(.16,.8,.3,1) forwards}.error-boundary__details-wrapper{min-height:0;overflow:hidden}.error-boundary__details-content{padding:var(--space-md);background:var(--surface-chrome);max-height:300px;overflow-y:auto}.error-boundary__error-info{display:flex;flex-direction:column;gap:var(--space-md)}@keyframes details-expand{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes details-collapse{0%{grid-template-rows:1fr}to{grid-template-rows:0fr}}@keyframes error-fade-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.error-boundary__error-message{padding:var(--space-sm);background:var(--surface-canvas);border-radius:var(--radius-sm)}.error-boundary__error-message pre{font-size:.875rem;color:var(--text-secondary);font-family:Courier New,Consolas,monospace;margin:0;white-space:pre-wrap;word-wrap:break-word}.error-boundary__error-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.error-boundary__error-header strong{color:var(--text-primary);font-size:.875rem;font-weight:600}.error-boundary__error-stack{padding:var(--space-sm);background:var(--surface-canvas);border-radius:var(--radius-sm)}.error-boundary__error-stack pre{font-size:.75rem;color:var(--text-subtle);background:transparent;padding:0;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:Courier New,Consolas,monospace;line-height:1.4}.error-boundary__copy-btn{background:transparent;border:none;color:var(--text-subtle);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:auto;height:auto}.error-boundary__copy-btn:hover{color:var(--text-primary)}.error-boundary__copy-btn:active{transform:scale(.9)}#root{width:100%;min-height:100vh}.content-split{display:flex;gap:var(--space-sm);align-items:stretch;height:100%}.split-left,.split-right{flex:1 1 50%;min-width:0}.frame{background:var(--surface-card);border:1px solid var(--border-base);border-radius:var(--radius-xl);padding:var(--space-xs);height:100%;box-sizing:border-box;display:flex;flex-direction:column;min-height:0;overflow:hidden}.frame--cover{display:flex;align-items:center;justify-content:center;padding:0;border:none}.frame--cover{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;position:relative;overflow:hidden;border:1px solid var(--border-base);border-radius:var(--radius-lg);box-sizing:border-box;background-clip:padding-box;opacity:1;transition:background-image .4s cubic-bezier(.16,1,.3,1);background-color:var(--surface-elevated)}@keyframes coverMetaFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.frame--cover:before{content:"";position:absolute;inset:0;background:var(--surface-canvas);opacity:0;transition:opacity .18s ease-in-out;z-index:0;pointer-events:none}.frame--cover:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-sizing:border-box;z-index:1}.frame--cover:after{display:none}.frame--cover .cover-dim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0000 40%,#000000a6);border-radius:inherit}.cover-play-pause-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;opacity:0;pointer-events:none;animation:playPausePopup .8s cubic-bezier(.4,0,.2,1) forwards;z-index:10}@keyframes playPausePopup{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}30%{transform:translate(-50%,-50%) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.frame--cover .cover-meta{position:absolute;left:var(--space-sm);bottom:var(--space-sm);z-index:2;color:#fff!important;pointer-events:auto;text-align:left;display:flex;align-items:center;gap:var(--space-xs)}.frame--cover .cover-meta .empty,.frame--cover .cover-meta .empty__icon,.frame--cover .cover-meta .empty__title,.frame--cover .cover-meta .empty__desc{color:#fff!important}.frame--cover .cover-meta-text{display:flex;flex-direction:column;animation:coverMetaFadeIn .25s cubic-bezier(.16,1,.3,1)}.cover-lyrics-panel{position:absolute;inset:0;z-index:2;pointer-events:auto;overflow:auto;white-space:pre-wrap;font-family:inherit;font-weight:400;font-size:1.125rem;line-height:1.6;color:var(--text-primary);padding:var(--space-lg) var(--space-md);max-width:56ch;overflow-y:auto;-webkit-font-smoothing:antialiased;transition:opacity .3s cubic-bezier(.4,0,.2,1),backdrop-filter .3s cubic-bezier(.4,0,.2,1);background:var(--surface-canvas);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border-radius:var(--radius-md)}.content-split.lyrics-open .cover-lyrics-panel{opacity:1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.cover-lyrics-panel:not(:empty){opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}.lyrics-loading,.lyrics-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.lyrics-lines{display:flex;flex-direction:column;gap:.6rem;padding-bottom:var(--space-xl)}.lyric-line{color:var(--text-secondary);transition:color .22s ease,opacity .22s ease,font-size .22s ease,font-weight .22s ease;font-size:1.05rem;line-height:1.5;opacity:.85}.lyric-line.active{color:var(--text-primary);font-size:1.15rem;font-weight:600;opacity:1}.lyric-line:not(.active){filter:grayscale(10%)}.cover-title-wrapper{display:flex;align-items:center;gap:8px;min-width:0}.cover-title{font-weight:700;font-size:1.05rem;white-space:nowrap;overflow:hidden;max-width:20ch}.cover-title--overflow{mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}.cover-title-loader{flex-shrink:0;display:flex;align-items:center;animation:titleLoaderFadeIn .2s ease forwards}@keyframes titleLoaderFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.cover-artist{font-size:.9rem;opacity:.9;margin-top:2px;white-space:nowrap;overflow:hidden;max-width:20ch}.cover-artist--overflow{mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}.cover-lyrics-btn{right:var(--space-sm);bottom:var(--space-sm);z-index:3;display:inline-block;position:absolute}.cover-btn__state{display:inline-flex;align-items:center;gap:var(--space-xs);transition:opacity .14s ease,transform .14s ease;opacity:0;transform:translateY(-6px);position:absolute;left:50%;top:50%;transform:translate(-50%,-6px);pointer-events:none}.cover-btn__state.active{position:static;transform:translateY(0);opacity:1;pointer-events:auto}.content-split.lyrics-open .split-left .frame--cover:before{opacity:1}.content-split.lyrics-open .split-left .frame--cover{background-image:none!important}.content-split.lyrics-open .frame--cover .cover-meta,.content-split.lyrics-open .frame--cover .cover-dim{opacity:0;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}.frame--cover .cover-dim,.frame--cover .cover-meta{z-index:2}.frame--cover .cover-lyrics-btn{z-index:4;display:inline-grid;grid-auto-flow:column;place-items:center;padding:var(--space-xs) var(--space-sm);gap:var(--space-xs)}.frame--cover .cover-lyrics-btn{pointer-events:auto}.frame--placeholder{overflow:visible;background:var(--surface-canvas);display:flex;flex-direction:column;height:100%}.queue-actions-container{position:relative;padding:var(--space-xs);flex-shrink:0;width:100%;box-sizing:border-box}.queue-actions-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to left,var(--surface-canvas) 0%,transparent 100%);pointer-events:none;z-index:1;opacity:0;transition:opacity .2s ease}.queue-actions-container.show-right-shadow:after{opacity:1}.queue-actions-container:before{content:"";position:absolute;top:0;left:0;bottom:0;width:40px;background:linear-gradient(to right,var(--surface-canvas) 0%,transparent 100%);pointer-events:none;z-index:1;opacity:0;transition:opacity .2s ease}.queue-actions-container.show-left-shadow:before{opacity:1}.queue-actions{display:flex;gap:var(--space-xs);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px;max-width:100%;flex-wrap:nowrap}.queue-actions::-webkit-scrollbar{display:none;height:0;width:0}.queue-actions>button{flex-shrink:0;white-space:nowrap}.queue-track-item{margin-bottom:var(--space-sm);animation:queueTrackAppear .28s cubic-bezier(.22,1,.36,1)}.queue-track-item[style*=position]{margin-bottom:0;padding-bottom:var(--space-sm);box-sizing:border-box;animation:none}@keyframes queueTrackAppear{0%{transform:translateY(8px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.queue-track-item--removing{pointer-events:none;-webkit-user-select:none;user-select:none}.queue-track-item--clearing{animation:queueTrackClear .1s ease-in forwards!important;pointer-events:none}.queue-track-item--clearing .songcard{pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes queueTrackClear{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.queue-track-item--reappearing{animation:queueTrackReappear .28s cubic-bezier(.22,1,.36,1)!important}@keyframes queueTrackReappear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.songlist-container{position:relative;flex:1;min-height:0}.songlist-container:before{content:"";position:absolute;top:0;left:0;right:0;height:24px;background:linear-gradient(180deg,var(--surface-canvas) 0%,var(--scroll-shadow-color) 40%,var(--scroll-shadow-transparent) 100%);pointer-events:none;z-index:2;opacity:0;transition:opacity .2s ease}.songlist-container.show-top-shadow:before{opacity:1}.songlist-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(0deg,var(--surface-canvas) 0%,var(--scroll-shadow-color) 30%,var(--scroll-shadow-transparent) 100%);pointer-events:none;z-index:2;opacity:0;transition:opacity .2s ease}.songlist-container.show-bottom-shadow:after{opacity:1}.songlist{padding:var(--space-sm) var(--space-xs);padding-bottom:var(--space-sm);display:flex;flex-direction:column;height:100%;justify-content:flex-start;align-items:stretch;overflow-y:auto;overflow-x:hidden;position:relative;box-sizing:border-box}.songlist:has(.empty){justify-content:center;align-items:center}@media(max-width:900px){.content-split{flex-direction:column}.cover-large{max-height:320px}}.page-transition{animation:pageIn .26s cubic-bezier(.2,.9,.2,1) both}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-container{width:100%;height:100%}.page-enter{opacity:0;transform:translateY(4px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-4px);transition:opacity .15s cubic-bezier(.4,0,.6,1),transform .15s cubic-bezier(.4,0,.6,1)}