@font-face{font-family:DM Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(./DMSans-variable-latin-ext-oos9povj.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(./DMSans-variable-latin-Bf69Tn_J.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:italic;font-weight:100 900;font-display:swap;src:url(./DMSans-variable-italic-latin-ext-DNX9AbKj.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:italic;font-weight:100 900;font-display:swap;src:url(./DMSans-variable-italic-latin-C8i6y2Ft.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(./Syne-greek-5tOOQDeJ.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(./Syne-latin-ext-JjI8ZrW1.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(./Syne-latin-BVsvWWA4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--sys-red: #FF3B30;--sys-orange: #FF9500;--sys-yellow: #FFCC00;--sys-green: #34C759;--sys-mint: #00C7BE;--sys-teal: #30B0C7;--sys-cyan: #32ADE6;--sys-blue: #007AFF;--sys-indigo: #5856D6;--sys-purple: #AF52DE;--sys-pink: #FF2D55;--sys-brown: #A2845E;--sys-gray: #8E8E93;--sys-gray2: #AEAEB2;--sys-gray3: #C7C7CC;--sys-gray4: #D1D1D6;--sys-gray5: #E5E5EA;--sys-gray6: #F2F2F7}html[data-theme=dark]{--sys-red: #FF453A;--sys-orange: #FF9F0A;--sys-yellow: #FFD60A;--sys-green: #30D158;--sys-mint: #63E6E2;--sys-teal: #40C8E0;--sys-cyan: #64D2FF;--sys-blue: #0A84FF;--sys-indigo: #5E5CE6;--sys-purple: #BF5AF2;--sys-pink: #FF375F;--sys-brown: #AC8E68;--sys-gray: #8E8E93;--sys-gray2: #636366;--sys-gray3: #48484A;--sys-gray4: #3A3A3C;--sys-gray5: #2C2C2E;--sys-gray6: #1C1C1E}:root{--bg-primary: #F2F2F7;--bg-secondary: #FFFFFF;--bg-tertiary: #F2F2F7;--bg-elevated: #FFFFFF;--bg-base: #F2F2F7;--text-primary: rgba(0,0,0,1);--text-secondary: rgba(60,60,67,.6);--text-tertiary: rgba(60,60,67,.3);--text-muted: rgba(60,60,67,.18);--text-placeholder: rgba(60,60,67,.3);--text-on-accent: #FFFFFF;--fill-primary: rgba(120,120,128,.2);--fill-secondary: rgba(120,120,128,.16);--fill-tertiary: rgba(118,118,128,.12);--fill-quaternary: rgba(116,116,128,.08);--border-subtle: rgba(60,60,67,.12);--border-medium: rgba(60,60,67,.22);--border-strong: rgba(60,60,67,.36);--material-thin: rgba(255,255,255,.55);--material-regular: rgba(255,255,255,.72);--material-thick: rgba(255,255,255,.88);--material-chrome: rgba(242,242,247,.8);--material-sidebar: rgba(242,242,247,.78);--material-bar: rgba(255,255,255,.8);--material-overlay: rgba(255,255,255,.94);--material-modal: #FFFFFF;--material-tooltip: rgba(255,255,255,.96);--accent-primary: var(--sys-blue);--accent-secondary: #0062CC;--accent-tertiary: #409CFF;--accent-hover: #1A85FF;--accent-pressed: #0062CC;--accent-soft: rgba(0,122,255,.1);--accent-soft-md: rgba(0,122,255,.16);--accent-glow: rgba(0,122,255,.22);--accent-glow-lg: rgba(0,122,255,.32);--accent-muted: rgba(0,122,255,.4);--accent-border: rgba(0,122,255,.24);--status-live: var(--sys-green);--status-warning: var(--sys-orange);--status-error: var(--sys-red);--status-info: var(--sys-blue);--gradient-accent: linear-gradient(135deg, var(--sys-blue) 0%, var(--sys-indigo) 100%);--gradient-vivid: linear-gradient(135deg, var(--sys-blue) 0%, var(--sys-purple) 50%, var(--sys-pink) 100%);--gradient-warm: linear-gradient(135deg, var(--sys-pink) 0%, var(--sys-orange) 100%);--gradient-cool: linear-gradient(135deg, var(--sys-blue) 0%, var(--sys-teal) 50%, var(--sys-mint) 100%);--gradient-spectrum: linear-gradient(135deg, var(--sys-blue) 0%, var(--sys-indigo) 50%, var(--sys-purple) 100%);--gradient-royal: linear-gradient(135deg, var(--sys-indigo) 0%, var(--sys-purple) 100%);--gradient-logo: linear-gradient(135deg, var(--sys-blue) 0%, var(--sys-cyan) 100%);--gradient-hero: linear-gradient(160deg, rgba(0,122,255,.06) 0%, rgba(88,86,214,.04) 100%);--gradient-card: linear-gradient(145deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.6) 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,.15) 100%);--shadow-xs: 0 1px 2px rgba(0,0,0,.04), 0 1px 1px rgba(0,0,0,.02);--shadow-sm: 0 2px 8px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.03);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);--shadow-xl: 0 16px 56px rgba(0,0,0,.12), 0 8px 20px rgba(0,0,0,.06);--shadow-2xl: 0 24px 80px rgba(0,0,0,.14), 0 12px 28px rgba(0,0,0,.08);--shadow-glow: 0 0 20px var(--accent-glow), 0 0 40px rgba(0,122,255,.1);--shadow-glow-lg: 0 0 32px var(--accent-glow-lg), 0 0 64px rgba(0,122,255,.14);--shadow-ambient: 0 0 80px rgba(0,0,0,.05);--shadow-inset: inset 0 1px 0 rgba(255,255,255,.85), inset 0 -1px 0 rgba(0,0,0,.03);--shadow-focus: 0 0 0 4px rgba(0,122,255,.25)}html[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #1C1C1E;--bg-tertiary: #2C2C2E;--bg-elevated: #2C2C2E;--bg-base: #000000;--text-primary: rgba(255,255,255,1);--text-secondary: rgba(235,235,245,.6);--text-tertiary: rgba(235,235,245,.3);--text-muted: rgba(235,235,245,.18);--text-placeholder: rgba(235,235,245,.3);--text-on-accent: #FFFFFF;--fill-primary: rgba(120,120,128,.36);--fill-secondary: rgba(120,120,128,.32);--fill-tertiary: rgba(118,118,128,.24);--fill-quaternary: rgba(116,116,128,.18);--border-subtle: rgba(84,84,88,.3);--border-medium: rgba(84,84,88,.55);--border-strong: rgba(84,84,88,.8);--material-thin: rgba(28,28,30,.55);--material-regular: rgba(28,28,30,.72);--material-thick: rgba(28,28,30,.88);--material-chrome: rgba(28,28,30,.8);--material-sidebar: rgba(18,18,20,.82);--material-bar: rgba(22,22,24,.82);--material-overlay: rgba(28,28,30,.94);--material-modal: #1C1C1E;--material-tooltip: rgba(44,44,46,.96);--accent-primary: var(--sys-blue);--accent-secondary: #0975E2;--accent-tertiary: #4DA4FF;--accent-hover: #2F9BFF;--accent-pressed: #0062CC;--accent-soft: rgba(10,132,255,.18);--accent-soft-md: rgba(10,132,255,.26);--accent-glow: rgba(10,132,255,.36);--accent-glow-lg: rgba(10,132,255,.5);--accent-muted: rgba(10,132,255,.55);--accent-border: rgba(10,132,255,.42);--status-live: var(--sys-green);--status-warning: var(--sys-orange);--status-error: var(--sys-red);--status-info: var(--sys-blue);--gradient-accent: linear-gradient(135deg, var(--sys-blue) 0%, var(--sys-indigo) 100%);--gradient-vivid: linear-gradient(135deg, var(--sys-blue) 0%, var(--sys-purple) 50%, var(--sys-pink) 100%);--gradient-warm: linear-gradient(135deg, var(--sys-pink) 0%, var(--sys-orange) 100%);--gradient-cool: linear-gradient(135deg, var(--sys-blue) 0%, var(--sys-teal) 50%, var(--sys-mint) 100%);--gradient-spectrum: linear-gradient(135deg, var(--sys-blue) 0%, var(--sys-indigo) 50%, var(--sys-purple) 100%);--gradient-royal: linear-gradient(135deg, var(--sys-indigo) 0%, var(--sys-purple) 100%);--gradient-logo: linear-gradient(135deg, var(--sys-blue) 0%, var(--sys-cyan) 100%);--gradient-hero: linear-gradient(160deg, rgba(10,132,255,.14) 0%, rgba(94,92,230,.06) 100%);--gradient-card: linear-gradient(145deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.02) 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.02) 100%);--shadow-xs: 0 1px 3px rgba(0,0,0,.4);--shadow-sm: 0 2px 8px rgba(0,0,0,.5);--shadow-md: 0 4px 16px rgba(0,0,0,.6);--shadow-lg: 0 8px 32px rgba(0,0,0,.7);--shadow-xl: 0 16px 56px rgba(0,0,0,.8);--shadow-2xl: 0 24px 80px rgba(0,0,0,.9);--shadow-glow: 0 0 24px var(--accent-glow), 0 0 48px rgba(10,132,255,.14);--shadow-glow-lg: 0 0 40px var(--accent-glow-lg), 0 0 80px rgba(10,132,255,.2);--shadow-ambient: 0 0 120px rgba(0,0,0,.85);--shadow-inset: inset 0 1px 0 rgba(255,255,255,.06), inset 0 -1px 0 rgba(0,0,0,.25);--shadow-focus: 0 0 0 4px rgba(10,132,255,.4)}:root{--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "DM Sans", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "DM Sans", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "Menlo", "Monaco", "JetBrains Mono", "Cascadia Code", monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.375rem;--text-3xl: 1.75rem;--text-4xl: 2.125rem;--text-5xl: 2.625rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-heavy: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-xs: var(--space-2);--space-sm: var(--space-4);--space-md: var(--space-6);--space-lg: var(--space-8);--space-xl: var(--space-12);--space-2xl: var(--space-16);--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: .875rem;--radius-xl: 1.125rem;--radius-2xl: 1.375rem;--radius-3xl: 1.75rem;--radius-full: 9999px;--transition-fast: .16s cubic-bezier(.25, .46, .45, .94);--transition-base: .22s cubic-bezier(.25, .46, .45, .94);--transition-slow: .32s cubic-bezier(.25, .46, .45, .94);--transition-medium: .26s cubic-bezier(.25, .46, .45, .94);--transition-spring: .48s cubic-bezier(.34, 1.56, .64, 1);--transition-bounce: .6s cubic-bezier(.34, 1.56, .64, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.25, .46, .45, .94);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.25, .46, .45, .94);--ease-expo: cubic-bezier(.16, 1, .3, 1);--sidebar-width: 248px;--sidebar-width-collapsed: 68px;--player-bar-height: 88px;--header-height: 52px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}:root,html[data-theme=dark]{--palette-indigo: var(--sys-indigo);--palette-indigo-dk: var(--sys-indigo);--palette-blue: var(--sys-blue);--palette-blue-dk: var(--sys-blue);--palette-purple: var(--sys-purple);--palette-purple-dk: var(--sys-purple);--palette-pink: var(--sys-pink);--palette-pink-dk: var(--sys-pink);--palette-red: var(--sys-red);--palette-red-dk: var(--sys-red);--palette-orange: var(--sys-orange);--palette-orange-dk: var(--sys-orange);--palette-yellow: var(--sys-yellow);--palette-yellow-dk: var(--sys-yellow);--palette-green: var(--sys-green);--palette-green-dk: var(--sys-green);--palette-teal: var(--sys-teal);--palette-teal-dk: var(--sys-teal);--palette-mint: var(--sys-mint);--palette-mint-dk: var(--sys-mint);--palette-cyan: var(--sys-cyan);--palette-cyan-dk: var(--sys-cyan);--h: 211;--s: 100%}body,.sidebar,.app-main,.app-sidebar,.player-bar,.player-expanded-overlay,.station-card,.stg-card,.cs-card,.cs-form-card,.home-stat-pill,.home-now-playing-card,.search-bar-input,.sidebar-nav-item,.cm-dialog,.am-dialog,.toast,.genre-card,.country-card,.view-header-icon,.home-empty-icon,.empty-state-icon,.search-idle-icon-wrap,.search-no-results-icon,.stg-card-icon,.cs-empty-icon-wrap{transition:background-color .28s cubic-bezier(.25,.46,.45,.94),border-color .28s cubic-bezier(.25,.46,.45,.94),color .28s cubic-bezier(.25,.46,.45,.94),box-shadow .28s cubic-bezier(.25,.46,.45,.94)}html[data-accent=blue]{--accent-primary: #007AFF;--accent-secondary: #0062CC;--accent-tertiary: #409CFF;--accent-hover: #1A85FF;--accent-pressed: #0062CC;--accent-soft: rgba(0,122,255,.1);--accent-soft-md: rgba(0,122,255,.16);--accent-glow: rgba(0,122,255,.22);--accent-glow-lg: rgba(0,122,255,.32);--accent-muted: rgba(0,122,255,.4);--accent-border: rgba(0,122,255,.24);--shadow-focus: 0 0 0 4px rgba(0,122,255,.25)}html[data-accent=blue][data-theme=dark]{--accent-primary: #0A84FF;--accent-secondary: #0975E2;--accent-tertiary: #4DA4FF;--accent-hover: #2F9BFF;--accent-pressed: #0062CC;--accent-soft: rgba(10,132,255,.18);--accent-soft-md: rgba(10,132,255,.26);--accent-glow: rgba(10,132,255,.36);--accent-glow-lg: rgba(10,132,255,.5);--accent-muted: rgba(10,132,255,.55);--accent-border: rgba(10,132,255,.42);--shadow-focus: 0 0 0 4px rgba(10,132,255,.4)}html[data-accent=indigo]{--accent-primary: #5856D6;--accent-secondary: #4440BE;--accent-tertiary: #7D7BDE;--accent-hover: #6B69E0;--accent-pressed: #4440BE;--accent-soft: rgba(88,86,214,.12);--accent-soft-md: rgba(88,86,214,.2);--accent-glow: rgba(88,86,214,.26);--accent-glow-lg: rgba(88,86,214,.38);--accent-muted: rgba(88,86,214,.45);--accent-border: rgba(88,86,214,.28);--shadow-focus: 0 0 0 4px rgba(88,86,214,.28)}html[data-accent=indigo][data-theme=dark]{--accent-primary: #5E5CE6;--accent-secondary: #4846D8;--accent-tertiary: #8280EE;--accent-hover: #7270EA;--accent-pressed: #4846D8;--accent-soft: rgba(94,92,230,.2);--accent-soft-md: rgba(94,92,230,.3);--accent-glow: rgba(94,92,230,.4);--accent-glow-lg: rgba(94,92,230,.55);--accent-muted: rgba(94,92,230,.58);--accent-border: rgba(94,92,230,.44);--shadow-focus: 0 0 0 4px rgba(94,92,230,.42)}html[data-accent=royal-purple]{--accent-primary: #7C3AED;--accent-secondary: #6D28D9;--accent-tertiary: #8B5CF6;--accent-hover: #8B5CF6;--accent-pressed: #6D28D9;--accent-soft: rgba(124,58,237,.11);--accent-soft-md: rgba(124,58,237,.18);--accent-glow: rgba(124,58,237,.24);--accent-glow-lg: rgba(124,58,237,.36);--accent-muted: rgba(124,58,237,.42);--accent-border: rgba(124,58,237,.26);--shadow-focus: 0 0 0 4px rgba(124,58,237,.28)}html[data-accent=royal-purple][data-theme=dark]{--accent-primary: #A78BFA;--accent-secondary: #8B5CF6;--accent-tertiary: #C4B5FD;--accent-hover: #B197FB;--accent-pressed: #8B5CF6;--accent-soft: rgba(167,139,250,.18);--accent-soft-md: rgba(167,139,250,.28);--accent-glow: rgba(167,139,250,.38);--accent-glow-lg: rgba(167,139,250,.52);--accent-muted: rgba(167,139,250,.55);--accent-border: rgba(167,139,250,.42);--shadow-focus: 0 0 0 4px rgba(167,139,250,.42)}html[data-accent=purple]{--accent-primary: #AF52DE;--accent-secondary: #8E3FB8;--accent-tertiary: #C77DE5;--accent-hover: #BD6BE2;--accent-pressed: #8E3FB8;--accent-soft: rgba(175,82,222,.11);--accent-soft-md: rgba(175,82,222,.18);--accent-glow: rgba(175,82,222,.24);--accent-glow-lg: rgba(175,82,222,.36);--accent-muted: rgba(175,82,222,.44);--accent-border: rgba(175,82,222,.28);--shadow-focus: 0 0 0 4px rgba(175,82,222,.28)}html[data-accent=purple][data-theme=dark]{--accent-primary: #BF5AF2;--accent-secondary: #A044D4;--accent-tertiary: #D07FF5;--accent-hover: #CC6FF4;--accent-pressed: #A044D4;--accent-soft: rgba(191,90,242,.2);--accent-soft-md: rgba(191,90,242,.3);--accent-glow: rgba(191,90,242,.4);--accent-glow-lg: rgba(191,90,242,.54);--accent-muted: rgba(191,90,242,.58);--accent-border: rgba(191,90,242,.44);--shadow-focus: 0 0 0 4px rgba(191,90,242,.42)}html[data-accent=pink]{--accent-primary: #FF2D55;--accent-secondary: #D6143B;--accent-tertiary: #FF5E7C;--accent-hover: #FF4368;--accent-pressed: #D6143B;--accent-soft: rgba(255,45,85,.1);--accent-soft-md: rgba(255,45,85,.18);--accent-glow: rgba(255,45,85,.24);--accent-glow-lg: rgba(255,45,85,.36);--accent-muted: rgba(255,45,85,.42);--accent-border: rgba(255,45,85,.26);--shadow-focus: 0 0 0 4px rgba(255,45,85,.28)}html[data-accent=pink][data-theme=dark]{--accent-primary: #FF375F;--accent-secondary: #E01E47;--accent-tertiary: #FF6985;--accent-hover: #FF5376;--accent-pressed: #E01E47;--accent-soft: rgba(255,55,95,.2);--accent-soft-md: rgba(255,55,95,.3);--accent-glow: rgba(255,55,95,.4);--accent-glow-lg: rgba(255,55,95,.54);--accent-muted: rgba(255,55,95,.58);--accent-border: rgba(255,55,95,.44);--shadow-focus: 0 0 0 4px rgba(255,55,95,.42)}html[data-accent=orange]{--accent-primary: #FF9500;--accent-secondary: #D87A00;--accent-tertiary: #FFB340;--accent-hover: #FFA31F;--accent-pressed: #D87A00;--accent-soft: rgba(255,149,0,.12);--accent-soft-md: rgba(255,149,0,.2);--accent-glow: rgba(255,149,0,.26);--accent-glow-lg: rgba(255,149,0,.38);--accent-muted: rgba(255,149,0,.45);--accent-border: rgba(255,149,0,.28);--shadow-focus: 0 0 0 4px rgba(255,149,0,.3)}html[data-accent=orange][data-theme=dark]{--accent-primary: #FF9F0A;--accent-secondary: #E0860A;--accent-tertiary: #FFBC4A;--accent-hover: #FFAE2C;--accent-pressed: #E0860A;--accent-soft: rgba(255,159,10,.2);--accent-soft-md: rgba(255,159,10,.3);--accent-glow: rgba(255,159,10,.4);--accent-glow-lg: rgba(255,159,10,.54);--accent-muted: rgba(255,159,10,.58);--accent-border: rgba(255,159,10,.44);--shadow-focus: 0 0 0 4px rgba(255,159,10,.42)}html[data-accent=green]{--accent-primary: #34C759;--accent-secondary: #248A3D;--accent-tertiary: #5FD47C;--accent-hover: #43D267;--accent-pressed: #248A3D;--accent-soft: rgba(52,199,89,.12);--accent-soft-md: rgba(52,199,89,.2);--accent-glow: rgba(52,199,89,.26);--accent-glow-lg: rgba(52,199,89,.38);--accent-muted: rgba(52,199,89,.45);--accent-border: rgba(52,199,89,.28);--shadow-focus: 0 0 0 4px rgba(52,199,89,.3)}html[data-accent=green][data-theme=dark]{--accent-primary: #30D158;--accent-secondary: #1F8A37;--accent-tertiary: #5AD978;--accent-hover: #47DA6B;--accent-pressed: #1F8A37;--accent-soft: rgba(48,209,88,.2);--accent-soft-md: rgba(48,209,88,.3);--accent-glow: rgba(48,209,88,.4);--accent-glow-lg: rgba(48,209,88,.54);--accent-muted: rgba(48,209,88,.58);--accent-border: rgba(48,209,88,.44);--shadow-focus: 0 0 0 4px rgba(48,209,88,.42)}html[data-accent=teal]{--accent-primary: #30B0C7;--accent-secondary: #218494;--accent-tertiary: #56C4D6;--accent-hover: #3FBCD0;--accent-pressed: #218494;--accent-soft: rgba(48,176,199,.12);--accent-soft-md: rgba(48,176,199,.2);--accent-glow: rgba(48,176,199,.26);--accent-glow-lg: rgba(48,176,199,.38);--accent-muted: rgba(48,176,199,.45);--accent-border: rgba(48,176,199,.28);--shadow-focus: 0 0 0 4px rgba(48,176,199,.3)}html[data-accent=teal][data-theme=dark]{--accent-primary: #40C8E0;--accent-secondary: #2798B0;--accent-tertiary: #63D4E6;--accent-hover: #51CEE3;--accent-pressed: #2798B0;--accent-soft: rgba(64,200,224,.2);--accent-soft-md: rgba(64,200,224,.3);--accent-glow: rgba(64,200,224,.4);--accent-glow-lg: rgba(64,200,224,.54);--accent-muted: rgba(64,200,224,.58);--accent-border: rgba(64,200,224,.44);--shadow-focus: 0 0 0 4px rgba(64,200,224,.42)}html[data-accent=red]{--accent-primary: #FF3B30;--accent-secondary: #C8271E;--accent-tertiary: #FF6961;--accent-hover: #FF4F44;--accent-pressed: #C8271E;--accent-soft: rgba(255,59,48,.1);--accent-soft-md: rgba(255,59,48,.18);--accent-glow: rgba(255,59,48,.24);--accent-glow-lg: rgba(255,59,48,.36);--accent-muted: rgba(255,59,48,.42);--accent-border: rgba(255,59,48,.26);--shadow-focus: 0 0 0 4px rgba(255,59,48,.28)}html[data-accent=red][data-theme=dark]{--accent-primary: #FF453A;--accent-secondary: #D6342B;--accent-tertiary: #FF7068;--accent-hover: #FF5A51;--accent-pressed: #D6342B;--accent-soft: rgba(255,69,58,.2);--accent-soft-md: rgba(255,69,58,.3);--accent-glow: rgba(255,69,58,.4);--accent-glow-lg: rgba(255,69,58,.54);--accent-muted: rgba(255,69,58,.58);--accent-border: rgba(255,69,58,.44);--shadow-focus: 0 0 0 4px rgba(255,69,58,.42)}html[data-accent=mint]{--accent-primary: #00C7BE;--accent-secondary: #0D9A92;--accent-tertiary: #33D3CC;--accent-hover: #17D1C8;--accent-pressed: #0D9A92;--accent-soft: rgba(0,199,190,.11);--accent-soft-md: rgba(0,199,190,.18);--accent-glow: rgba(0,199,190,.24);--accent-glow-lg: rgba(0,199,190,.36);--accent-muted: rgba(0,199,190,.42);--accent-border: rgba(0,199,190,.26);--shadow-focus: 0 0 0 4px rgba(0,199,190,.28)}html[data-accent=mint][data-theme=dark]{--accent-primary: #63E6E2;--accent-secondary: #3DCEC9;--accent-tertiary: #8FECE9;--accent-hover: #78EAE6;--accent-pressed: #3DCEC9;--accent-soft: rgba(99,230,226,.18);--accent-soft-md: rgba(99,230,226,.28);--accent-glow: rgba(99,230,226,.38);--accent-glow-lg: rgba(99,230,226,.52);--accent-muted: rgba(99,230,226,.56);--accent-border: rgba(99,230,226,.42);--shadow-focus: 0 0 0 4px rgba(99,230,226,.42)}html[data-accent=cyan]{--accent-primary: #32ADE6;--accent-secondary: #2487B6;--accent-tertiary: #5FC0EB;--accent-hover: #46B7E9;--accent-pressed: #2487B6;--accent-soft: rgba(50,173,230,.12);--accent-soft-md: rgba(50,173,230,.2);--accent-glow: rgba(50,173,230,.26);--accent-glow-lg: rgba(50,173,230,.38);--accent-muted: rgba(50,173,230,.45);--accent-border: rgba(50,173,230,.28);--shadow-focus: 0 0 0 4px rgba(50,173,230,.3)}html[data-accent=cyan][data-theme=dark]{--accent-primary: #64D2FF;--accent-secondary: #3FB4E8;--accent-tertiary: #8FDEFF;--accent-hover: #7AD8FF;--accent-pressed: #3FB4E8;--accent-soft: rgba(100,210,255,.2);--accent-soft-md: rgba(100,210,255,.3);--accent-glow: rgba(100,210,255,.4);--accent-glow-lg: rgba(100,210,255,.54);--accent-muted: rgba(100,210,255,.58);--accent-border: rgba(100,210,255,.44);--shadow-focus: 0 0 0 4px rgba(100,210,255,.42)}html[data-accent=graphite]{--accent-primary: #6E6E73;--accent-secondary: #4E4E52;--accent-tertiary: #8E8E93;--accent-hover: #7C7C82;--accent-pressed: #4E4E52;--accent-soft: rgba(110,110,115,.1);--accent-soft-md: rgba(110,110,115,.18);--accent-glow: rgba(110,110,115,.22);--accent-glow-lg: rgba(110,110,115,.32);--accent-muted: rgba(110,110,115,.4);--accent-border: rgba(110,110,115,.26);--shadow-focus: 0 0 0 4px rgba(110,110,115,.28)}html[data-accent=graphite][data-theme=dark]{--accent-primary: #AEAEB2;--accent-secondary: #8E8E93;--accent-tertiary: #C7C7CC;--accent-hover: #BCBCC0;--accent-pressed: #8E8E93;--accent-soft: rgba(174,174,178,.16);--accent-soft-md: rgba(174,174,178,.24);--accent-glow: rgba(174,174,178,.3);--accent-glow-lg: rgba(174,174,178,.42);--accent-muted: rgba(174,174,178,.5);--accent-border: rgba(174,174,178,.36);--shadow-focus: 0 0 0 4px rgba(174,174,178,.38)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%;touch-action:manipulation}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.47;letter-spacing:-.008em;background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden;transition:background-color .28s ease,color .28s ease;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"ss01" 1;font-variant-ligatures:common-ligatures contextual}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:1.15;color:var(--text-primary);letter-spacing:-.02em}:focus{outline:none}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent-soft-md);color:var(--text-primary)}button:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.35;pointer-events:none}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:1.47;letter-spacing:-.008em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-heavy);letter-spacing:-.022em;line-height:1.08;color:var(--text-primary)}h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:-.018em;line-height:1.12;color:var(--text-primary)}h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.016em;line-height:1.18;color:var(--text-primary)}h4{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.012em;line-height:1.22;color:var(--text-primary)}h5{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.01em;line-height:1.28;color:var(--text-primary)}h6{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:-.008em;color:var(--text-primary)}.text-large-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-heavy);letter-spacing:-.022em;line-height:1.08}.text-title-1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:-.018em;line-height:1.12}.text-title-2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.016em;line-height:1.18}.text-title-3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.012em;line-height:1.22}.text-headline{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.01em}.text-body{font-size:var(--text-base);font-weight:var(--weight-regular);letter-spacing:-.008em}.text-callout{font-size:var(--text-md);font-weight:var(--weight-regular);letter-spacing:-.006em}.text-subheadline{font-size:var(--text-sm);font-weight:var(--weight-regular);letter-spacing:-.005em}.text-footnote{font-size:var(--text-xs);font-weight:var(--weight-regular);letter-spacing:-.003em}.text-caption-1{font-size:var(--text-xs);font-weight:var(--weight-regular)}.text-caption-2{font-size:var(--text-2xs);font-weight:var(--weight-medium)}.text-2xs{font-size:var(--text-2xs)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-tertiary)}.text-accent{color:var(--accent-primary)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-regular{font-weight:var(--weight-regular)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.font-extrabold,.font-black{font-weight:var(--weight-heavy)}.text-gradient{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-vivid{background:var(--gradient-vivid);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tabular-nums{font-variant-numeric:tabular-nums}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes scaleSpring{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes pulseSoft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.96)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}@keyframes heartBeat{0%{transform:scale(1)}20%{transform:scale(1.35)}40%{transform:scale(1.15)}60%{transform:scale(1.28)}80%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes liveRing{0%{box-shadow:0 0 #34c75980}70%{box-shadow:0 0 0 8px #34c75900}to{box-shadow:0 0 #34c75900}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 4px var(--status-live)}50%{opacity:.6;transform:scale(.78);box-shadow:0 0 8px var(--status-live)}}@keyframes barDance{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.55;transform:scale(1.08)}}@keyframes floatUp{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(2.5);opacity:0}}@keyframes playerLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.8)}}.animate-fade-in{animation:fadeIn var(--transition-slow) both}.animate-slide-up{animation:slideUp var(--transition-slow) both}.animate-scale-in{animation:scaleIn var(--transition-fast) both}.animate-scale-spring{animation:scaleSpring var(--transition-spring) both}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin .75s linear infinite}.animate-float{animation:floatUp 3s ease-in-out infinite}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}@media (prefers-reduced-motion: reduce){.animate-fade-in,.animate-slide-up,.animate-scale-in,.animate-scale-spring{animation:fadeIn .01ms both}.animate-pulse,.animate-spin,.animate-float{animation:none;opacity:1}}#app{display:flex;height:100vh;overflow:hidden;background:var(--bg-primary);position:relative}.app-titlebar{position:absolute;top:0;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:13px;font-weight:var(--weight-semibold);letter-spacing:-.006em;color:var(--text-secondary);pointer-events:none;user-select:none;-webkit-app-region:drag;z-index:500}#app:-webkit-any(:window-inactive) .app-titlebar{color:var(--text-tertiary)}.app-sidebar{width:var(--sidebar-width);background:var(--material-sidebar);display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:200;transition:width var(--transition-slow);margin:38px 0 10px 10px;border-radius:var(--radius-2xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}@supports (backdrop-filter: blur(50px)){.app-sidebar{backdrop-filter:blur(50px) saturate(1.8);-webkit-backdrop-filter:blur(50px) saturate(1.8)}}.app-sidebar.sidebar-collapsed{width:var(--sidebar-width-collapsed)}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary);min-width:0;position:relative;transition:margin var(--transition-slow)}.app-drag-bar{height:28px;flex-shrink:0;-webkit-app-region:drag;background:transparent;user-select:none;position:relative;z-index:10}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-6) var(--space-8) var(--space-8);position:relative}.app-player-bar{height:calc(var(--player-bar-height) + 20px);flex-shrink:0;position:relative;z-index:100;padding:0 0 10px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box;transition:background .2s ease}:hover>::-webkit-scrollbar-thumb,*:hover::-webkit-scrollbar-thumb{background:var(--border-medium);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:padding-box}.app-content::-webkit-scrollbar-thumb{background:transparent}.app-content:hover::-webkit-scrollbar-thumb{background:var(--border-medium)}.app-content:hover::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@media (prefers-reduced-transparency: reduce){.app-sidebar{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-secondary);border-color:var(--border-medium)}}.grid{display:grid;gap:var(--space-4)}.grid-cols-auto{grid-template-columns:repeat(auto-fill,minmax(244px,1fr))}.grid-cols-country{grid-template-columns:repeat(auto-fill,minmax(144px,1fr))}.view-header{margin-bottom:var(--space-6)}.view-header--split{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.view-header-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1)}.view-header-icon{width:38px;height:38px;border-radius:var(--radius-lg);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);flex-shrink:0}.view-header h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-heavy);letter-spacing:-.022em;line-height:1.1;color:var(--text-primary)}.view-subtitle{font-size:var(--text-base);color:var(--text-secondary);letter-spacing:-.006em;line-height:1.45;margin-top:2px}.section{margin-bottom:var(--space-8)}.section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-4);letter-spacing:-.006em;text-transform:none}.section-title svg{flex-shrink:0;opacity:.8;color:var(--accent-primary)}.section-title-count{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--text-secondary);background:var(--fill-tertiary);padding:2px 8px;border-radius:var(--radius-full);letter-spacing:0}.results-count{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--weight-medium);letter-spacing:-.004em;margin-bottom:var(--space-4)}.fav-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;background:var(--accent-soft);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--accent-primary)}.meta-dot{opacity:.35;font-size:.5rem}.meta-votes{display:inline-flex;align-items:center;gap:3px}.home-greeting-text h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-heavy);letter-spacing:-.022em;line-height:1.08;color:var(--text-primary);margin-bottom:var(--space-1)}.btn-secondary--top{align-self:flex-start;margin-top:var(--space-1)}.home-cta-btn{margin-top:var(--space-2)}@media (max-width: 900px){.app-content{padding:var(--space-5) var(--space-5) var(--space-5)}.grid-cols-auto{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.grid-cols-country{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width: 700px){.app-sidebar{width:var(--sidebar-width-collapsed)}.app-content{padding:var(--space-4) var(--space-4) var(--space-4)}.grid-cols-auto{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.grid-cols-country{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.view-header h1{font-size:var(--text-2xl)}}@media (prefers-reduced-transparency: reduce){:root{--material-thin: var(--bg-secondary);--material-regular: var(--bg-secondary);--material-thick: var(--bg-secondary);--material-chrome: var(--bg-secondary);--material-sidebar: var(--bg-secondary);--material-bar: var(--bg-secondary);--material-overlay: var(--bg-secondary);--material-tooltip: var(--bg-secondary)}html[data-theme=dark]{--material-thin: var(--bg-secondary);--material-regular: var(--bg-secondary);--material-thick: var(--bg-secondary);--material-chrome: var(--bg-secondary);--material-sidebar: var(--bg-secondary);--material-bar: var(--bg-secondary);--material-overlay: var(--bg-secondary);--material-tooltip: var(--bg-secondary)}.app-sidebar,.player-bar,.toast,.sleep-timer-popover,.cm-backdrop,.am-backdrop,.rcm-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}@media (prefers-contrast: more){:root{--text-secondary: rgba(0,0,0,.82);--text-tertiary: rgba(0,0,0,.62);--text-muted: rgba(0,0,0,.46);--text-placeholder: rgba(0,0,0,.55);--border-subtle: rgba(0,0,0,.28);--border-medium: rgba(0,0,0,.46);--border-strong: rgba(0,0,0,.66);--fill-primary: rgba(0,0,0,.14);--fill-secondary: rgba(0,0,0,.1);--fill-tertiary: rgba(0,0,0,.08);--fill-quaternary: rgba(0,0,0,.05);--accent-soft: rgba(0,122,255,.2);--accent-soft-md: rgba(0,122,255,.28);--accent-border: rgba(0,122,255,.55)}html[data-theme=dark]{--text-secondary: rgba(255,255,255,.88);--text-tertiary: rgba(255,255,255,.7);--text-muted: rgba(255,255,255,.52);--text-placeholder: rgba(255,255,255,.6);--border-subtle: rgba(255,255,255,.28);--border-medium: rgba(255,255,255,.46);--border-strong: rgba(255,255,255,.66);--fill-primary: rgba(255,255,255,.16);--fill-secondary: rgba(255,255,255,.12);--fill-tertiary: rgba(255,255,255,.1);--fill-quaternary: rgba(255,255,255,.06)}:focus-visible{outline-width:3px!important;outline-offset:3px!important}.station-card,.home-now-playing-card,.home-stat-pill,.genre-card,.country-card,.cs-card,.stg-card{border-width:1.5px!important}}@media (forced-colors: active){.station-card,.sidebar-nav-item,.btn,.home-stat-pill,.genre-card,.country-card,.cs-card,.stg-card{border:1px solid CanvasText!important}.sidebar-nav-item.active,.station-card.playing,.cs-card--playing{forced-color-adjust:none;background:Highlight!important;color:HighlightText!important;border-color:Highlight!important}.player-btn-play,.pex-btn-play,.btn-primary,.cs-btn-submit,.cs-add-btn,.cs-empty-cta{forced-color-adjust:none;background:Highlight!important;color:HighlightText!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.player-bar-ambient,.pex-ambient-canvas{transition:none!important}.home-np-live-dot,.home-np-bars span,.station-card.playing:before,.cs-playing-dot,.player-live-ring,.pex-live-dot,.am-logo-glow,.rcm-scan-ring,.rcm-bar,.rcm-icon-circle,.empty-state-icon{animation:none!important}.home-np-bars span,.visualizer-idle-bar,.rcm-bar{transform:scaleY(.6)!important}}.sidebar{display:flex;flex-direction:column;height:100%;background:transparent}.sidebar-header{padding:20px 14px 12px;flex-shrink:0;-webkit-app-region:drag}.platform-darwin .sidebar-header{padding-top:18px}.sidebar-logo-icon{-webkit-app-region:no-drag;width:38px;height:38px;min-width:38px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;border:1px solid var(--accent-border);box-shadow:0 0 0 2px var(--accent-soft),var(--shadow-sm),var(--shadow-inset);position:relative;background:var(--accent-soft);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.sidebar-logo-icon:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 30% 20%,var(--accent-soft-md),transparent 70%);pointer-events:none;z-index:0}.sidebar-logo-img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}.sidebar-logo-icon--clickable{cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-spring)}.sidebar-logo-icon--clickable:hover{opacity:.9;transform:scale(1.05)}.sidebar-logo-icon--clickable:active{opacity:.7;transform:scale(.95);transition-duration:80ms}.sidebar-logo-img{width:100%;height:100%;object-fit:cover;display:block}.sidebar-logo{display:flex;align-items:center;gap:11px;-webkit-app-region:no-drag}.sidebar-logo-text{display:flex;flex-direction:column;gap:2px;white-space:nowrap;max-width:200px;opacity:1;overflow:hidden;transition:max-width var(--transition-slow),opacity .2s ease}.sidebar-logo-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.018em;white-space:nowrap;line-height:1.2}.sidebar-logo-tagline{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.sidebar-divider{height:1px;margin:6px 14px;background:var(--border-subtle);flex-shrink:0}.sidebar-nav{flex:1;padding:4px 10px;overflow-y:auto;overflow-x:clip;display:flex;flex-direction:column;align-items:stretch;-webkit-app-region:no-drag;gap:2px}.sidebar.collapsed .sidebar-nav{overflow:visible}.sidebar-nav-section-label{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:12px 10px 4px;white-space:nowrap;overflow:hidden;max-height:36px;opacity:1;transition:max-height var(--transition-slow),opacity .2s ease,padding var(--transition-slow)}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-weight:var(--weight-medium);font-size:var(--text-base);letter-spacing:-.008em;user-select:none;background:transparent;white-space:nowrap;position:relative;transition:color var(--transition-fast),background var(--transition-fast)}.sidebar-nav-item:hover{background:var(--fill-tertiary)}.sidebar-nav-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.sidebar-nav-item:active{background:var(--fill-secondary);transition-duration:60ms}.sidebar-nav-item.active{color:var(--text-on-accent);background:var(--accent-primary);font-weight:var(--weight-semibold)}.app-sidebar:-webkit-any(:window-inactive) .sidebar-nav-item.active{background:var(--fill-primary);color:var(--text-primary)}.sidebar-nav-icon{width:20px;height:20px;min-width:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color var(--transition-fast),transform var(--transition-fast)}.sidebar-nav-item:hover .sidebar-nav-icon{color:var(--text-primary)}.sidebar-nav-item.active .sidebar-nav-icon{color:var(--text-on-accent)}.app-sidebar:-webkit-any(:window-inactive) .sidebar-nav-item.active .sidebar-nav-icon{color:var(--accent-primary)}.sidebar-nav-icon svg{width:18px;height:18px;flex-shrink:0}.sidebar-nav-label{white-space:nowrap;overflow:hidden;max-width:200px;opacity:1;transition:max-width var(--transition-slow),opacity .2s ease}.sidebar.collapsed .sidebar-nav-item{position:relative}.sidebar-nav-item:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--material-tooltip);border:1px solid var(--border-medium);color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:5px 10px;border-radius:var(--radius-md);white-space:nowrap;pointer-events:none;opacity:0;z-index:99999;box-shadow:var(--shadow-md);transition:opacity .1s ease 60ms;letter-spacing:-.005em;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8)}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:100%;height:32px;padding:0 10px;margin:2px 0 4px;flex-shrink:0;align-self:stretch;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--text-tertiary);-webkit-app-region:no-drag;gap:8px;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:-.004em;transition:color var(--transition-fast),background var(--transition-fast)}.sidebar-collapse-btn:hover{color:var(--text-primary);background:var(--fill-tertiary)}.sidebar-collapse-btn:active{color:var(--text-primary);background:var(--fill-secondary);transition-duration:60ms}.sidebar-collapse-btn svg{display:block;flex-shrink:0;width:14px;height:14px;transition:transform var(--transition-slow);opacity:.6}.sidebar-collapse-btn:hover svg{opacity:1}.sidebar-collapse-label{white-space:nowrap;overflow:hidden;max-width:120px;opacity:1;transition:max-width var(--transition-slow),opacity .2s ease}.sidebar-footer{padding:0 14px 18px;flex-shrink:0;-webkit-app-region:no-drag}.sidebar-footer-divider{height:1px;background:var(--border-subtle);margin-bottom:12px}.sidebar-version{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);color:var(--text-tertiary)}.sidebar-version-text{overflow:hidden;white-space:nowrap;max-width:120px;opacity:1;transition:max-width var(--transition-slow),opacity .2s ease;letter-spacing:-.004em;font-size:var(--text-2xs);font-weight:var(--weight-medium)}.sidebar-version-badge{padding:2px 8px;background:var(--fill-tertiary);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--text-secondary);letter-spacing:.04em;flex-shrink:0;opacity:1;transition:opacity var(--transition-slow)}.sidebar.collapsed .sidebar-logo-text{max-width:0;opacity:0;pointer-events:none}.sidebar.collapsed .sidebar-header{display:flex;justify-content:center;padding:20px 0 12px}.platform-darwin .sidebar.collapsed .sidebar-header{padding-top:18px}.sidebar.collapsed .sidebar-logo{justify-content:center;gap:0}.sidebar.collapsed .sidebar-nav-section-label{max-height:0;opacity:0;padding-top:0;padding-bottom:0}.sidebar.collapsed .sidebar-nav{align-items:center;padding:4px 8px}.sidebar.collapsed .sidebar-nav-item{width:44px;height:44px;padding:0;border-radius:var(--radius-lg);justify-content:center;gap:0;margin-left:0;margin-right:0}.sidebar.collapsed .sidebar-collapse-btn svg{transform:rotate(180deg);opacity:.7;margin:0 auto}.sidebar.collapsed .sidebar-collapse-btn{width:44px;height:44px;padding:0;justify-content:center;align-self:center;margin:2px auto 4px;gap:0}.sidebar.collapsed .sidebar-collapse-label{max-width:0;opacity:0;pointer-events:none;overflow:hidden;display:none}.sidebar.collapsed .sidebar-nav-label{max-width:0;opacity:0;pointer-events:none}.sidebar.collapsed .sidebar-nav-item:hover:after{opacity:1}.sidebar.collapsed .sidebar-footer{display:flex;flex-direction:column;align-items:center;padding:0 0 16px}.sidebar.collapsed .sidebar-version{justify-content:center}.sidebar.collapsed .sidebar-version-text{max-width:0;opacity:0;pointer-events:none}.sidebar.collapsed .sidebar-version-badge{opacity:0;pointer-events:none}.player-bar{height:var(--player-bar-height);display:flex;align-items:center;padding:0 20px;gap:0;position:relative;z-index:100;background:var(--material-bar);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);margin:0 10px 10px;box-shadow:var(--shadow-md)}@supports (backdrop-filter: blur(50px)){.player-bar{backdrop-filter:blur(50px) saturate(1.8);-webkit-backdrop-filter:blur(50px) saturate(1.8)}}.player-bar-ambient{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0;transition:opacity 1.8s ease;filter:blur(40px) saturate(1.6);clip-path:inset(0 round var(--radius-2xl))}.player-bar-ambient.active{opacity:.28}.player-bar:before{display:none}.player-bar>*:not(.player-bar-ambient){position:relative;z-index:1}.player-station-info{flex:1;display:flex;align-items:center;gap:14px;min-width:0}.player-station-logo-wrap{position:relative;width:52px;height:52px;min-width:52px;border-radius:var(--radius-lg);flex-shrink:0;isolation:isolate;overflow:hidden;background:var(--fill-tertiary);box-shadow:var(--shadow-sm),var(--shadow-inset);transition:transform var(--transition-spring),box-shadow var(--transition-slow)}.player-station-logo-wrap:hover{transform:scale(1.05);box-shadow:var(--shadow-md),var(--shadow-inset)}.player-station-logo-wrap img{width:100%;height:100%;object-fit:cover;display:block}.player-station-logo-wrap .station-logo-fallback{width:100%;height:100%;background:linear-gradient(145deg,var(--accent-soft) 0%,var(--accent-soft-md) 100%);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);opacity:.7}.player-live-ring{position:absolute;inset:-3px;border-radius:calc(var(--radius-lg) + 3px);border:2px solid var(--status-live);box-shadow:0 0 8px var(--status-live),inset 0 0 4px #34c75926;animation:liveRingPulse 2.4s ease-in-out infinite;pointer-events:none;z-index:2}@keyframes liveRingPulse{0%,to{opacity:1;box-shadow:0 0 6px var(--status-live)}50%{opacity:.55;box-shadow:0 0 14px var(--status-live)}}.player-station-details{flex:1;min-width:0}.player-station-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);letter-spacing:-.012em;line-height:1.3;margin-bottom:3px}.player-station-meta{display:flex;align-items:center;flex-wrap:nowrap;gap:5px;font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;letter-spacing:-.004em}.meta-sep{opacity:.35}.player-bitrate-badge{padding:1px 7px;background:var(--fill-tertiary);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--text-secondary);letter-spacing:.02em;flex-shrink:0}.player-connecting{display:flex;align-items:center;gap:5px;color:var(--accent-primary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.player-empty-icon{width:52px;height:52px;min-width:52px;border-radius:var(--radius-lg);background:var(--fill-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0;opacity:.7}.player-empty-name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-secondary);margin-bottom:2px;letter-spacing:-.008em}.player-empty-hint{font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:-.004em}.player-controls{display:flex;align-items:center;gap:0;flex-shrink:0;padding:0 28px}.player-controls-pill{display:flex;align-items:center;gap:4px;background:var(--fill-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:5px 6px}.player-btn{display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;cursor:pointer;flex-shrink:0;background:transparent;color:var(--text-secondary);transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-spring);width:34px;height:34px;position:relative}.player-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:50%}.player-btn:hover{color:var(--text-primary);background:var(--fill-tertiary);transform:scale(1.08)}.player-btn:active{transform:scale(.92);transition-duration:60ms}.player-btn-stop{width:32px;height:32px;color:var(--text-tertiary)}.player-btn-stop:hover{color:var(--status-error);background:#ff3b301a}.player-btn-play{width:50px;height:50px;background:var(--accent-primary);color:var(--text-on-accent);border:none;border-radius:50%;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 14px var(--accent-glow),0 2px 6px #0000001f,inset 0 1px #ffffff38;transition:transform var(--transition-spring),box-shadow var(--transition-fast),background var(--transition-fast)}.player-btn-play:hover{background:var(--accent-hover);color:var(--text-on-accent);transform:scale(1.06);box-shadow:0 6px 22px var(--accent-glow-lg),0 3px 8px #00000024,inset 0 1px #ffffff3d}.player-btn-play:active{background:var(--accent-pressed);color:var(--text-on-accent);transform:scale(.94);box-shadow:0 2px 8px var(--accent-glow);transition-duration:60ms}.player-btn-play:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:50%}.player-btn-play.playing:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--accent-muted);animation:playRingPulse 2.4s ease-in-out infinite;pointer-events:none}@keyframes playRingPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.18)}}.player-btn-play.player-btn-disabled{opacity:.3;cursor:not-allowed;pointer-events:none;box-shadow:none}.player-card-favorite{color:var(--text-tertiary)}.player-card-favorite:hover,.player-card-favorite.active{color:var(--sys-pink)}.player-extras{flex:1;display:flex;align-items:center;gap:6px;justify-content:flex-end;min-width:0}.player-recognize-btn,.player-expand-btn{background:transparent;border:none;color:var(--text-tertiary);border-radius:50%;transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-spring);width:34px;height:34px;display:flex;align-items:center;justify-content:center}.player-recognize-btn:focus-visible,.player-expand-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.player-recognize-btn:hover{color:var(--accent-primary);background:var(--accent-soft);transform:scale(1.08)}.player-recognize-btn.player-btn-disabled,.player-recognize-btn:disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.player-expand-btn:hover{color:var(--text-primary);background:var(--fill-tertiary);transform:scale(1.08)}.player-expand-btn svg{transition:transform var(--transition-slow)}.player-expand-btn.expanded svg{transform:rotate(180deg)}.station-card{background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--space-4) var(--space-5);border:1px solid var(--border-subtle);transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast);cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-xs)}.station-card:hover{border-color:var(--border-medium);transform:translateY(-2px);box-shadow:var(--shadow-md)}.station-card:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-xs);transition-duration:60ms}.station-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.station-card.playing{border-color:var(--accent-primary);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent-border),var(--shadow-sm)}.station-card.playing:before{content:"";position:absolute;top:12px;right:12px;width:8px;height:8px;background:var(--status-live);border-radius:50%;box-shadow:0 0 8px var(--status-live);animation:dotPulse 2s infinite;z-index:2}.station-card-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.station-card-logo-wrap{flex-shrink:0}.station-card-logo{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--fill-tertiary);object-fit:cover;flex-shrink:0;border:none;box-shadow:var(--shadow-xs),var(--shadow-inset)}.station-card-info{flex:1;min-width:0}.station-card-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);letter-spacing:-.012em;line-height:1.3}.station-card-country{font-size:var(--text-xs);color:var(--text-secondary);display:flex;align-items:center;gap:4px;letter-spacing:-.004em}.station-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:var(--space-3)}.station-card-tag{padding:2px 8px;background:var(--fill-tertiary);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--weight-medium);color:var(--text-secondary);white-space:nowrap;letter-spacing:-.004em}.station-card.playing .station-card-tag{background:#ffffff80;color:var(--accent-primary)}html[data-theme=dark] .station-card.playing .station-card-tag{background:#00000038}.station-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.station-card-meta{display:flex;align-items:center;gap:5px;font-size:var(--text-2xs);color:var(--text-tertiary);flex-wrap:nowrap;overflow:hidden;min-width:0;letter-spacing:-.004em}.station-card-meta-sep{opacity:.35}.station-card-bitrate{font-weight:var(--weight-semibold);color:var(--text-secondary)}.station-card-votes{display:flex;align-items:center;gap:3px;color:var(--text-tertiary)}.station-card-favorite{width:30px;height:30px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0;transition:color var(--transition-fast),transform var(--transition-spring),background var(--transition-fast)}.station-card-favorite:hover{color:var(--sys-pink);transform:scale(1.18);background:#ff2d551a}.station-card-favorite:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.station-card-favorite.active{color:var(--sys-pink);animation:heartBeat .42s ease}.search-bar{position:relative;width:100%;max-width:620px}.search-bar-input{width:100%;padding:10px var(--space-6) 10px 42px;background:var(--fill-tertiary);border:1px solid transparent;border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-regular);font-family:var(--font-body);letter-spacing:-.006em;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.search-bar-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:var(--shadow-focus)}.search-bar-input::placeholder{color:var(--text-placeholder);font-weight:var(--weight-regular)}.search-bar-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-tertiary);pointer-events:none;transition:color var(--transition-fast)}.search-bar:focus-within .search-bar-icon{color:var(--accent-primary)}.search-bar-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:var(--fill-secondary);border:none;cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),color var(--transition-fast),background var(--transition-fast),transform var(--transition-spring)}.search-bar-clear.visible{opacity:1;pointer-events:all}.search-bar-clear:hover{color:var(--text-primary);background:var(--fill-primary);transform:translateY(-50%) scale(1.08)}.search-bar-clear:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.player-volume{display:flex;align-items:center;gap:10px;background:var(--fill-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:5px 14px 5px 6px;width:168px;flex-shrink:0}.player-btn-mute{width:24px;height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;flex-shrink:0;border-radius:50%;transition:color var(--transition-fast),transform var(--transition-spring);padding:0}.player-btn-mute:hover{color:var(--text-primary);transform:scale(1.12)}.player-btn-mute:active{transform:scale(.92)}.player-btn-mute:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:50%}.volume-slider{position:relative;flex:1;height:4px;background:var(--border-medium);border-radius:var(--radius-full);cursor:pointer;padding:10px 0;box-sizing:content-box;margin:-10px 0}.volume-slider-fill{height:4px;background:var(--accent-primary);border-radius:var(--radius-full);position:relative;pointer-events:none;transition:width .05s linear}.volume-slider-thumb{position:absolute;right:-6px;top:50%;transform:translateY(-50%) scale(0);width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #00000038,0 0 0 .5px #00000014;opacity:0;transition:opacity var(--transition-fast),transform var(--transition-spring);pointer-events:none}.volume-slider:hover .volume-slider-thumb,.volume-slider:focus-within .volume-slider-thumb{opacity:1;transform:translateY(-50%) scale(1)}.visualizer{width:100%;height:100%;border-radius:var(--radius-sm);overflow:hidden}.visualizer canvas{width:100%;height:100%;display:block}.visualizer-idle{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%;padding:4px}.visualizer-idle-bar{flex:1;background:var(--accent-primary);border-radius:2px 2px 0 0;opacity:.3;animation:barDance 1.5s ease-in-out infinite}.visualizer-idle-bar:nth-child(1){animation-delay:0s;height:28%}.visualizer-idle-bar:nth-child(2){animation-delay:.12s;height:58%}.visualizer-idle-bar:nth-child(3){animation-delay:.24s;height:42%}.visualizer-idle-bar:nth-child(4){animation-delay:.36s;height:78%}.visualizer-idle-bar:nth-child(5){animation-delay:.48s;height:52%}.visualizer-idle-bar:nth-child(6){animation-delay:.6s;height:32%}.visualizer-idle-bar:nth-child(7){animation-delay:.72s;height:68%}.visualizer-idle-bar:nth-child(8){animation-delay:.84s;height:38%}.toast-container{position:fixed;bottom:calc(var(--player-bar-height) + 16px);right:20px;z-index:var(--z-toast);display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none;max-width:calc(100vw - 40px)}.toast{display:flex;align-items:center;gap:12px;min-width:280px;max-width:380px;padding:12px 16px 12px 12px;border-radius:var(--radius-xl);pointer-events:all;box-shadow:var(--shadow-lg),0 0 0 .5px var(--border-subtle);background:var(--material-overlay);position:relative;transform-origin:right center;animation:toastIn .38s var(--ease-spring) both}@supports (backdrop-filter: blur(40px)){.toast{backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8)}}.toast.removing{animation:toastOut .22s var(--ease-in) forwards}.toast-icon{width:28px;height:28px;min-width:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon svg{width:16px;height:16px;stroke-width:1.75}.toast.success .toast-icon{color:var(--status-live);background:#34c75929}.toast.error .toast-icon{color:var(--status-error);background:#ff3b3029}.toast.info .toast-icon{color:var(--accent-primary);background:var(--accent-soft)}.toast-message{flex:1;font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1.4;color:var(--text-primary);min-width:0;letter-spacing:-.008em;word-wrap:break-word}@media (prefers-reduced-transparency: reduce){.toast{background:var(--bg-secondary);border:1px solid var(--border-medium)}}@keyframes toastIn{0%{opacity:0;transform:translate(18px) scale(.94)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(12px) scale(.96)}}.loading-spinner{display:inline-block;width:36px;height:36px;border-radius:50%;border:2.5px solid var(--border-medium);border-top-color:var(--accent-primary);border-right-color:var(--accent-muted);animation:spin .72s linear infinite}.loading-spinner.small{width:18px;height:18px;border-width:2px}.loading-spinner.large{width:52px;height:52px;border-width:3px}.loading-spinner--sm{width:10px;height:10px;border-width:1.5px;border-color:var(--border-medium);border-top-color:var(--accent-primary);border-right-color:var(--accent-muted)}.loading-spinner--md{width:18px;height:18px;border-width:2px;border-color:var(--border-medium);border-top-color:var(--accent-primary);border-right-color:var(--accent-muted)}.loading-spinner--btn{width:20px;height:20px;border-width:2.5px;border-color:#ffffff47;border-top-color:#fff;flex-shrink:0}.pex-btn-play .loading-spinner--btn{width:26px;height:26px;border-width:3px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-8);gap:var(--space-4);min-height:200px}.loading-text{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:var(--weight-medium);letter-spacing:-.004em;animation:pulse 1.6s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--fill-tertiary) 0%,var(--fill-secondary) 50%,var(--fill-tertiary) 100%);background-size:400% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-8);text-align:center;animation:fadeIn var(--transition-slow)}.empty-state-icon{width:84px;height:84px;border-radius:var(--radius-2xl);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);margin-bottom:var(--space-6);opacity:.95;flex-shrink:0;animation:floatUp 4s ease-in-out infinite}.empty-state-icon svg{width:36px;height:36px}.empty-state-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2);color:var(--text-primary);letter-spacing:-.014em}.empty-state-message{font-size:var(--text-base);color:var(--text-secondary);max-width:360px;line-height:1.55;letter-spacing:-.006em}.cs-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);gap:var(--space-6)}.cs-add-btn{display:inline-flex;align-items:center;gap:7px;padding:0 20px;height:40px;border-radius:var(--radius-full);background:var(--accent-primary);color:var(--text-on-accent);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;border:none;transition:background var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast);white-space:nowrap;box-shadow:0 3px 12px var(--accent-glow)}.cs-add-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 5px 18px var(--accent-glow-lg)}.cs-add-btn:active{transform:translateY(0) scale(.97);box-shadow:none;transition-duration:60ms}.cs-count{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.cs-count:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent-primary);flex-shrink:0}.cs-count:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.cs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:var(--space-4)}.cs-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-5);display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast);position:relative;box-shadow:var(--shadow-xs);overflow:hidden}.cs-card:hover{border-color:var(--border-medium);transform:translateY(-2px);box-shadow:var(--shadow-md)}.cs-card:active{transform:translateY(0) scale(.98);transition-duration:60ms}.cs-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.cs-card--playing{border-color:var(--accent-primary);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent-border),var(--shadow-md)}.cs-card-header{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.cs-card-info{flex:1;min-width:0}.cs-card-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.012em;margin-bottom:2px}.cs-card-meta{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--weight-regular);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.004em}.cs-playing-badge{display:flex;align-items:center;gap:5px;padding:3px 10px;background:var(--accent-primary);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--text-on-accent);letter-spacing:.06em;text-transform:uppercase;flex-shrink:0}.cs-playing-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:dotPulse 2s infinite}.cs-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;position:relative;z-index:1}.cs-card-url{font-size:var(--text-2xs);color:var(--text-tertiary);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 10px;background:var(--fill-tertiary);border-radius:var(--radius-md);position:relative;z-index:1}.cs-card-actions{display:flex;align-items:center;gap:6px;padding-top:10px;border-top:1px solid var(--border-subtle);margin-top:auto;position:relative;z-index:1}.cs-play-btn{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:34px;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;border:none;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast);flex:1;justify-content:center;letter-spacing:-.005em}.cs-play-btn:hover{background:var(--accent-primary);color:var(--text-on-accent);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-glow)}.cs-play-btn:active{transform:translateY(0) scale(.97);transition-duration:60ms}.cs-edit-btn,.cs-delete-btn{width:34px;height:34px;border-radius:var(--radius-md);background:var(--fill-tertiary);border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-spring);flex-shrink:0}.cs-edit-btn:hover{color:var(--accent-primary);background:var(--accent-soft);transform:scale(1.06)}.cs-delete-btn:hover{color:var(--status-error);background:#ff3b301a;transform:scale(1.06)}.cs-edit-btn:active,.cs-delete-btn:active{transform:scale(.94);transition-duration:60ms}.cs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-8);text-align:center;animation:fadeIn var(--transition-slow)}.cs-empty-icon-wrap{width:88px;height:88px;border-radius:var(--radius-2xl);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);margin-bottom:var(--space-6);flex-shrink:0}.cs-empty-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.018em;margin-bottom:var(--space-2)}.cs-empty-subtitle{font-size:var(--text-base);color:var(--text-secondary);max-width:360px;line-height:1.55;margin-bottom:var(--space-8);letter-spacing:-.006em}.cs-empty-cta{display:inline-flex;align-items:center;gap:8px;padding:0 24px;height:44px;border-radius:var(--radius-full);background:var(--accent-primary);color:var(--text-on-accent);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;border:none;transition:background var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast);box-shadow:0 4px 14px var(--accent-glow)}.cs-empty-cta:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px var(--accent-glow-lg)}.cs-empty-cta:active{transform:translateY(0) scale(.97);box-shadow:none;transition-duration:60ms}.cs-form-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-6);animation:slideDown var(--transition-slow);box-shadow:var(--shadow-sm)}.cs-form-title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-6);letter-spacing:-.014em}.cs-form-title svg{color:var(--accent-primary)}.cs-form{display:flex;flex-direction:column;gap:var(--space-4)}.cs-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.cs-form-group{display:flex;flex-direction:column;gap:6px}.cs-form-group label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:4px}.cs-required{color:var(--accent-primary);font-size:.75rem}.cs-optional{color:var(--text-tertiary);font-weight:var(--weight-regular);text-transform:none;letter-spacing:0;font-size:var(--text-2xs)}.cs-form-group input,.cs-form-group textarea{padding:11px 14px;border:1px solid var(--border-medium);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;letter-spacing:-.006em}.cs-form-group input:focus,.cs-form-group textarea:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}.cs-form-group input::placeholder,.cs-form-group textarea::placeholder{color:var(--text-placeholder)}.cs-form-group textarea{resize:vertical;min-height:72px;line-height:1.55}.cs-form-group input.cs-input--error,.cs-form-group textarea.cs-input--error{border-color:var(--status-error);box-shadow:0 0 0 3px #ff3b3024}.cs-field-error{display:block;font-size:var(--text-xs);color:var(--status-error);margin-top:4px;min-height:0;max-height:0;overflow:hidden;opacity:0;transition:max-height var(--transition-fast),opacity var(--transition-fast)}.cs-field-error.visible{max-height:40px;opacity:1}.cs-form-actions{display:flex;gap:8px;margin-top:var(--space-1)}.cs-btn-submit{display:inline-flex;align-items:center;gap:7px;padding:0 24px;height:42px;border-radius:var(--radius-full);background:var(--accent-primary);color:var(--text-on-accent);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;border:none;transition:background var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast);box-shadow:0 4px 14px var(--accent-glow)}.cs-btn-submit:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px var(--accent-glow-lg)}.cs-btn-submit:active,.cs-btn-submit:disabled{transform:translateY(0) scale(.97);box-shadow:none;opacity:.6;cursor:not-allowed}.cs-btn-cancel{display:inline-flex;align-items:center;padding:0 20px;height:42px;border-radius:var(--radius-full);background:var(--fill-tertiary);border:none;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-spring)}.cs-btn-cancel:hover{background:var(--fill-secondary);transform:translateY(-1px)}.cs-btn-cancel:active{transform:translateY(0) scale(.97);transition-duration:60ms}.btn{display:inline-flex;align-items:center;gap:7px;padding:0 20px;height:38px;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;border:none;font-family:var(--font-body);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-spring);background:var(--fill-tertiary);color:var(--text-primary);letter-spacing:-.006em}.btn:hover{background:var(--fill-secondary);transform:translateY(-1px)}.btn:active{transform:scale(.97);transition-duration:60ms}.btn-primary{background:var(--accent-primary);color:var(--text-on-accent);box-shadow:0 4px 14px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);color:var(--text-on-accent);box-shadow:0 6px 20px var(--accent-glow-lg)}.btn-primary:active{box-shadow:none}.btn-secondary{background:var(--fill-tertiary);color:var(--text-primary)}.btn-icon{width:38px;height:38px;padding:0;border-radius:var(--radius-md);background:var(--fill-tertiary);border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-spring)}.btn-icon:hover{color:var(--status-error);background:#ff3b301f;transform:scale(1.05)}.stg-content-wrap{max-width:640px;width:100%}.stg-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);overflow:hidden;margin-bottom:var(--space-5);width:100%;box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.stg-card:hover{box-shadow:var(--shadow-sm)}.stg-card-header{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border-subtle);background:var(--fill-quaternary)}.stg-card-icon{width:34px;height:34px;border-radius:var(--radius-lg);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);flex-shrink:0}.stg-card-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:-.012em;line-height:1.2}.stg-card-sub{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--weight-regular);margin-top:2px;letter-spacing:-.004em}.stg-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px}.stg-row+.stg-row{border-top:1px solid var(--border-subtle)}.stg-row-info{flex:1;min-width:0}.stg-row-label{font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--text-primary);margin-bottom:2px;letter-spacing:-.008em}.stg-row-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.45;letter-spacing:-.004em}.stg-toggle-group{display:flex;gap:2px;background:var(--fill-tertiary);padding:3px;border-radius:var(--radius-md);flex-shrink:0}.stg-toggle-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:calc(var(--radius-md) - 2px);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-spring);background:transparent;border:none;font-family:var(--font-body);white-space:nowrap;letter-spacing:-.005em}.stg-toggle-btn svg{color:inherit}.stg-toggle-btn:hover{background:var(--fill-quaternary)}.stg-toggle-btn.active{background:var(--bg-secondary);box-shadow:var(--shadow-xs)}.stg-toggle-btn.active svg{color:var(--accent-primary)}.stg-row--stacked{flex-direction:column;align-items:stretch;gap:var(--space-3)}.stg-row--stacked .stg-row-info{width:100%}.stg-accent-swatches{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.stg-accent-swatch{position:relative;width:34px;height:34px;border-radius:50%;border:none;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-spring)}.stg-accent-swatch:hover{transform:scale(1.08)}.stg-accent-swatch:active{transform:scale(.94);transition-duration:60ms}.stg-accent-swatch:focus-visible{outline:none}.stg-accent-swatch:focus-visible .stg-accent-swatch-dot{box-shadow:inset 0 0 0 2px var(--bg-secondary),0 0 0 3px var(--sw),0 0 0 5px #0000000f}.stg-accent-swatch-dot{width:28px;height:28px;border-radius:50%;background:var(--sw);box-shadow:inset 0 1px #ffffff40,inset 0 -1px #0000001a,0 2px 6px #00000024;transition:box-shadow var(--transition-fast)}.stg-accent-swatch-check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transform:scale(.6);transition:opacity var(--transition-fast),transform var(--transition-spring);pointer-events:none}.stg-accent-swatch.active .stg-accent-swatch-dot{box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000001f,0 0 0 2px var(--bg-secondary),0 0 0 4px var(--sw),0 3px 10px #0000002e}.stg-accent-swatch.active .stg-accent-swatch-check{opacity:1;transform:scale(1)}.stg-about{display:flex;align-items:center;gap:14px;padding:16px 18px}.stg-about-logo{position:relative;width:48px;height:48px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;border:1px solid var(--accent-border);box-shadow:0 0 0 2px var(--accent-soft),var(--shadow-sm),var(--shadow-inset);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.stg-about-logo-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-primary);z-index:0}.stg-about-logo-fallback svg{width:50%;height:50%;opacity:.75}.stg-about-logo--dev .stg-about-logo-img{position:relative;z-index:1}.stg-about-logo--dev.stg-about-logo--offline .stg-about-logo-img{display:none}.stg-about-logo-img{width:100%;height:100%;object-fit:cover;display:block}.stg-about-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.014em;margin-bottom:2px}.stg-about-version{font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:-.004em}.stg-divider{height:1px;background:var(--border-subtle);margin:0 18px}.stg-data-source-link{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent-primary);white-space:nowrap;flex-shrink:0;letter-spacing:-.005em;transition:opacity var(--transition-fast);cursor:pointer}.stg-data-source-link:hover{opacity:.75}.stg-row--kbd{padding:10px 18px}.stg-kbd-group{display:flex;align-items:center;gap:3px;flex-shrink:0}.stg-kbd{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;box-shadow:0 1px 0 var(--border-medium)}.stg-kbd-plus{font-size:var(--text-2xs);color:var(--text-tertiary);padding:0 1px}.stg-btn-group{display:flex;gap:6px;flex-shrink:0}.stg-action-btn{padding:6px 14px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:var(--font-body);color:var(--accent-primary);background:var(--accent-soft);border:none;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-spring);white-space:nowrap;letter-spacing:-.005em}.stg-action-btn:hover{background:var(--accent-soft-md);transform:translateY(-1px)}.stg-action-btn:active{transform:scale(.97)}.stg-action-btn--danger{color:var(--status-error);background:#ff3b301a}.stg-action-btn--danger:hover{background:#ff3b302e}.genre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:var(--space-2)}.genre-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);cursor:pointer;font-family:var(--font-body);transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast);text-align:left;overflow:hidden;box-shadow:var(--shadow-xs);position:relative}.genre-card:hover{border-color:var(--accent-border);background:var(--accent-soft);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.genre-card:active{transform:translateY(0) scale(.97);transition-duration:60ms}.genre-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.genre-card-name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;transition:color var(--transition-fast);letter-spacing:-.008em;position:relative;z-index:1}.genre-card:hover .genre-card-name{color:var(--accent-primary)}.genre-card-count{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--text-secondary);background:var(--fill-tertiary);padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;letter-spacing:-.004em;position:relative;z-index:1}.genre-show-more{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:10px;margin-top:var(--space-1);background:transparent;border:1px dashed var(--border-medium);border-radius:var(--radius-xl);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast),transform var(--transition-spring);letter-spacing:-.005em}.genre-show-more:hover{color:var(--accent-primary);border-color:var(--accent-primary);border-style:solid;background:var(--accent-soft);transform:translateY(-1px)}.genre-show-more:active{transform:translateY(0) scale(.99);transition-duration:60ms}.country-card{display:flex;flex-direction:column;gap:6px;padding:14px 14px 12px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast);user-select:none;box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.country-card:hover{border-color:var(--accent-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.country-card:active{transform:translateY(0) scale(.97);transition-duration:60ms}.country-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.country-card-flag{font-size:1.8rem;line-height:1;margin-bottom:2px;position:relative;z-index:1}.country-card-name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:-.012em;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;position:relative;z-index:1}.country-card-count{font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--text-secondary);letter-spacing:-.004em;position:relative;z-index:1}.station-logo-wrap{width:48px;height:48px;border-radius:var(--radius-lg);flex-shrink:0;overflow:hidden;position:relative;background:var(--fill-tertiary);box-shadow:var(--shadow-xs),var(--shadow-inset)}.station-logo-wrap img{width:100%;height:100%;object-fit:cover;display:block}.station-logo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--accent-soft) 0%,var(--accent-soft-md) 100%);color:var(--accent-primary)}.station-card-logo-wrap{width:48px;height:48px;border-radius:var(--radius-lg);flex-shrink:0;overflow:hidden;position:relative;background:var(--fill-tertiary);box-shadow:var(--shadow-xs),var(--shadow-inset)}.station-card-logo-wrap img{width:100%;height:100%;object-fit:cover;display:block}.station-card-logo-wrap .station-logo-fallback{width:100%;height:100%}.station-logo{width:48px;height:48px;border-radius:var(--radius-lg);object-fit:cover;flex-shrink:0;box-shadow:var(--shadow-xs),var(--shadow-inset)}.home-greeting{margin-bottom:var(--space-6)}.home-greeting h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-heavy);letter-spacing:-.022em;color:var(--text-primary);margin-bottom:var(--space-1);line-height:1.08}.home-greeting-sub{font-size:var(--text-base);color:var(--text-secondary);letter-spacing:-.006em;font-weight:var(--weight-regular)}.home-now-playing{margin-bottom:var(--space-8)}.home-now-playing-card{display:flex;align-items:center;gap:20px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:18px 24px;cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-fast),transform var(--transition-spring),border-color var(--transition-fast)}.home-now-playing-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium);transform:translateY(-1px)}.home-now-playing-card:active{transform:translateY(0) scale(.995);transition-duration:60ms}.home-now-playing-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.home-np-artwork{width:68px;height:68px;min-width:68px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-sm),var(--shadow-inset)}.home-np-artwork img{width:100%;height:100%;object-fit:cover;display:block}.home-np-artwork .station-logo-fallback{width:100%;height:100%;background:var(--fill-tertiary);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);opacity:.7}.home-np-info{flex:1;min-width:0}.home-np-status{display:flex;align-items:center;gap:6px;font-size:var(--text-2xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--status-live);margin-bottom:6px}.home-np-live-dot{width:6px;height:6px;border-radius:50%;background:var(--status-live);box-shadow:0 0 6px var(--status-live);animation:dotPulse 2s infinite;flex-shrink:0}.home-np-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.016em;margin-bottom:3px;line-height:1.2}.home-np-meta{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em}.home-np-visualizer{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.home-np-bars{display:flex;align-items:flex-end;gap:3px;height:24px}.home-np-bars span{display:block;width:3px;background:var(--accent-primary);border-radius:2px;animation:barDance .85s ease-in-out infinite}.home-np-bars span:nth-child(1){animation-delay:0s;height:55%}.home-np-bars span:nth-child(2){animation-delay:.15s;height:100%}.home-np-bars span:nth-child(3){animation-delay:.3s;height:70%}.home-np-bars span:nth-child(4){animation-delay:.45s;height:42%}.home-stats-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.home-stat-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-body);box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-spring)}.home-stat-pill:hover{border-color:var(--accent-border);background:var(--accent-soft);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.home-stat-pill:hover .home-stat-pill-label{color:var(--accent-primary)}.home-stat-pill:active{transform:translateY(0) scale(.97);transition-duration:60ms}.home-stat-pill:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.home-stat-pill svg{color:var(--accent-primary);flex-shrink:0}.home-stat-pill-value{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.016em}.home-stat-pill-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);letter-spacing:-.005em;transition:color var(--transition-fast)}.home-empty-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-8);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.home-empty-icon{width:60px;height:60px;border-radius:var(--radius-xl);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);margin-bottom:var(--space-2)}.home-empty-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.014em}.home-empty-sub{font-size:var(--text-base);color:var(--text-secondary);max-width:320px;line-height:1.5;letter-spacing:-.006em}.home-cta-btn{margin-top:var(--space-4)}@media (max-width: 600px){.home-greeting h1{font-size:var(--text-3xl)}.home-np-artwork{width:56px;height:56px;min-width:56px}.home-np-name{font-size:var(--text-lg)}}.search-view{display:flex;flex-direction:column;min-height:100%}.search-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-12) var(--space-8) var(--space-8);transition:padding var(--transition-slow)}.search-hero--compact{padding:var(--space-6) var(--space-8) var(--space-6);align-items:flex-start;text-align:left}.search-hero-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-heavy);color:var(--text-primary);letter-spacing:-.022em;margin-bottom:var(--space-2);transition:font-size var(--transition-slow);line-height:1.08}.search-hero--compact .search-hero-title{font-size:var(--text-xl);margin-bottom:0}.search-hero-sub{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-8);line-height:1.5;letter-spacing:-.006em;transition:opacity var(--transition-base),max-height var(--transition-base);max-height:60px;overflow:hidden}.search-bar--hero{width:100%;max-width:640px;position:relative}.search-bar--hero .search-bar-input{width:100%;padding:14px var(--space-6) 14px 50px;font-size:var(--text-lg);border-radius:var(--radius-2xl);background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-body);font-weight:var(--weight-regular);letter-spacing:-.008em;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);outline:none;box-shadow:var(--shadow-xs)}.search-bar--hero .search-bar-input:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}.search-bar--hero .search-bar-input::placeholder{color:var(--text-placeholder);font-weight:var(--weight-regular)}.search-bar--hero .search-bar-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;transition:color var(--transition-fast)}.search-bar--hero:focus-within .search-bar-icon{color:var(--accent-primary)}.search-bar--hero .search-bar-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:var(--fill-tertiary);border:none;cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),color var(--transition-fast)}.search-bar--hero .search-bar-clear.visible{opacity:1;pointer-events:all}.search-bar--hero .search-bar-clear:hover{color:var(--text-primary);background:var(--fill-secondary)}.search-hero--compact .search-bar--hero{max-width:100%;margin-top:var(--space-4)}.search-hero--compact .search-bar--hero .search-bar-input{padding:10px var(--space-6) 10px 44px;font-size:var(--text-base);border-radius:var(--radius-full);background:var(--fill-tertiary);border-color:transparent;box-shadow:none}#search-results{flex:1;padding:0 var(--space-8) var(--space-6)}.search-idle{display:flex;flex-direction:column;align-items:center;padding:var(--space-8) 0 var(--space-12);text-align:center;animation:fadeIn var(--transition-slow)}.search-idle-icon-wrap{width:76px;height:76px;border-radius:var(--radius-2xl);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);margin-bottom:var(--space-6);flex-shrink:0}.search-idle-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.018em;margin-bottom:var(--space-2)}.search-idle-subtitle{font-size:var(--text-base);color:var(--text-secondary);max-width:320px;line-height:1.5;margin-bottom:var(--space-8);letter-spacing:-.006em}.search-suggestions{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;max-width:560px}.search-suggestion-label{font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);width:100%;margin-bottom:var(--space-1)}.search-chip{padding:7px 16px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);letter-spacing:-.005em;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring)}.search-chip:hover{color:var(--accent-primary);background:var(--accent-soft);border-color:var(--accent-border);transform:translateY(-2px)}.search-chip:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.search-chip:active{transform:translateY(0) scale(.97);transition-duration:60ms}.search-no-results{display:flex;flex-direction:column;align-items:center;padding:var(--space-12) var(--space-8);text-align:center;animation:fadeIn var(--transition-slow)}.search-no-results-icon{width:68px;height:68px;border-radius:var(--radius-2xl);background:var(--fill-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);margin-bottom:var(--space-6)}.search-no-results-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.014em;margin-bottom:var(--space-2)}.search-no-results-message{font-size:var(--text-base);color:var(--text-secondary);max-width:340px;line-height:1.5;margin-bottom:var(--space-8);letter-spacing:-.006em}.search-no-results-chips{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;max-width:420px}.load-more-wrap{display:flex;justify-content:center;padding:var(--space-8) 0 var(--space-6)}.load-more-btn{display:inline-flex;align-items:center;gap:7px;padding:0 28px;height:42px;border-radius:var(--radius-full);background:var(--fill-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;letter-spacing:-.005em;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast)}.load-more-btn:hover{background:var(--accent-soft);color:var(--accent-primary);border-color:var(--accent-border);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.load-more-btn:active,.load-more-btn:disabled{transform:translateY(0);opacity:.6;cursor:default;box-shadow:none}.cm-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}.cm-backdrop{position:absolute;inset:0;background:#0000;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);animation:cmBackdropIn .22s ease forwards}html[data-theme=dark] .cm-backdrop{background:#0000}.cm-dialog{position:relative;z-index:1;background:var(--material-modal);border:1px solid var(--border-subtle);border-radius:var(--radius-3xl);padding:var(--space-8);width:100%;max-width:380px;margin:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center;box-shadow:var(--shadow-2xl);animation:cmDialogIn .38s var(--ease-spring) forwards}.cm-icon{width:60px;height:60px;border-radius:var(--radius-2xl);background:var(--fill-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.cm-icon--danger{color:var(--status-error);background:#ff3b301f}.cm-body{display:flex;flex-direction:column;gap:var(--space-2)}.cm-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.016em;margin:0}.cm-message{font-size:var(--text-base);color:var(--text-secondary);line-height:1.5;margin:0;letter-spacing:-.006em}.cm-actions{display:flex;gap:8px;width:100%}.cm-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;border:none;background:var(--fill-tertiary);color:var(--text-primary);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast);outline:none;letter-spacing:-.008em}.cm-btn:focus-visible{box-shadow:var(--shadow-focus)}.cm-btn:hover{background:var(--fill-secondary);transform:translateY(-1px)}.cm-btn:active{transform:scale(.97);transition-duration:60ms}.cm-btn--confirm{color:var(--text-on-accent);background:var(--accent-primary);box-shadow:0 3px 10px var(--accent-glow)}.cm-btn--confirm:hover{background:var(--accent-hover);color:var(--text-on-accent);box-shadow:0 5px 16px var(--accent-glow-lg)}.cm-btn--danger{color:var(--text-on-accent);background:var(--status-error);box-shadow:0 3px 10px #ff3b304d}.cm-btn--danger:hover{background:#d12d22;box-shadow:0 5px 16px #ff3b306b}@keyframes cmBackdropIn{0%{background-color:#0000}to{background-color:#0000005c}}html[data-theme=dark] .cm-backdrop{animation-name:cmBackdropInDark}@keyframes cmBackdropInDark{0%{background-color:#0000}to{background-color:#00000094}}@keyframes cmOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes cmOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes cmDialogIn{0%{opacity:0;transform:scale(.86) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cmDialogOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.92) translateY(8px)}}.am-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}.am-backdrop{position:absolute;inset:0;background:#0000;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);animation:amBackdropIn .22s ease forwards}html[data-theme=dark] .am-backdrop{animation-name:amBackdropInDark}.am-dialog{position:relative;z-index:1;background:var(--material-modal);border:1px solid var(--border-subtle);border-radius:var(--radius-3xl);padding:38px 32px 28px;width:100%;max-width:340px;margin:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:0;text-align:center;box-shadow:var(--shadow-2xl);animation:amDialogIn .38s var(--ease-spring) forwards}.am-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;background:var(--fill-tertiary);border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-spring)}.am-close:hover{color:var(--text-primary);background:var(--fill-secondary);transform:scale(1.08)}.am-close:active{transform:scale(.92)}.am-close:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.am-logo-wrap{position:relative;width:90px;height:90px;margin-bottom:var(--space-5)}.am-logo{width:90px;height:90px;border-radius:22px;display:block;position:relative;z-index:1;border:1px solid var(--accent-border);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-lg),var(--shadow-inset);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.am-logo-glow{position:absolute;inset:-10px;border-radius:32px;background:radial-gradient(ellipse at center,var(--accent-glow) 0%,transparent 70%);opacity:.5;z-index:0;animation:glowPulse 3s ease-in-out infinite}.am-identity{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-1)}.am-name{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-heavy);color:var(--text-primary);letter-spacing:-.022em;margin:0}.am-version-badge{padding:3px 9px;background:var(--accent-soft);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--accent-primary);letter-spacing:.04em;flex-shrink:0}.am-tagline{font-size:var(--text-base);color:var(--text-secondary);font-weight:var(--weight-regular);margin:0 0 var(--space-5);letter-spacing:-.006em}.am-divider{width:100%;height:1px;background:var(--border-subtle);margin:var(--space-1) 0 var(--space-4)}.am-info{width:100%;display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4)}.am-info-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--fill-tertiary);border-radius:var(--radius-md)}.am-info-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);letter-spacing:-.004em}.am-info-value{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:-.004em}.am-accent{color:var(--accent-primary)}.am-link{background:none;border:none;padding:0;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;color:var(--accent-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-color:transparent;transition:text-decoration-color var(--transition-fast),opacity var(--transition-fast)}.am-link:hover{text-decoration-color:var(--accent-primary);opacity:.8}.am-link:active{opacity:.6}@keyframes amBackdropIn{0%{background-color:#0000}to{background-color:#0000005c}}@keyframes amBackdropInDark{0%{background-color:#0000}to{background-color:#00000094}}@keyframes amOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes amOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes amDialogIn{0%{opacity:0;transform:scale(.86) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes amDialogOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.92) translateY(12px)}}.rcm-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}.rcm-overlay.rcm-fade-out-modal .rcm-backdrop{animation:rcmBackdropOut .24s ease forwards}.rcm-backdrop{position:absolute;inset:0;background:#0000;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);animation:rcmBackdropIn .22s ease forwards}html[data-theme=dark] .rcm-backdrop{animation-name:rcmBackdropInDark}.rcm-dialog{position:relative;z-index:1;background:var(--material-modal);border-radius:var(--radius-3xl);width:440px;max-width:90vw;overflow:hidden;box-shadow:var(--shadow-2xl);animation:rcmDialogIn .4s cubic-bezier(.34,1.56,.64,1) forwards;border:1px solid var(--border-subtle)}.rcm-close{position:absolute;top:12px;right:12px;z-index:100;width:30px;height:30px;border-radius:50%;background:var(--fill-tertiary);border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-spring)}.rcm-close:hover{color:var(--text-primary);background:var(--fill-secondary);transform:scale(1.08)}.rcm-close:active{transform:scale(.92);transition-duration:60ms}.rcm-close:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.rcm-cancel-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 22px;height:38px;border-radius:var(--radius-full);border:none;background:var(--fill-tertiary);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;letter-spacing:-.005em;transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-spring)}.rcm-cancel-btn:hover{color:var(--status-error);background:#ff3b301a;transform:translateY(-1px)}.rcm-cancel-btn:active{transform:scale(.97);transition-duration:60ms}.rcm-cancel-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.rcm-listening{display:flex;align-items:center;justify-content:center;min-height:320px;position:relative;overflow:hidden;transition:opacity .3s ease,transform .3s ease;background:var(--material-modal)}.rcm-listening.rcm-fade-out{opacity:0;transform:scale(.96)}.rcm-listen-inner{display:flex;flex-direction:column;align-items:center;gap:28px;padding:52px 32px 42px;position:relative;z-index:1}.rcm-scan-ring-wrap{position:relative;width:112px;height:112px;display:flex;align-items:center;justify-content:center}.rcm-scan-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--accent-muted);animation:rcmRingExpand 2.4s ease-out infinite}.rcm-ring-2{animation-delay:.8s}.rcm-ring-3{animation-delay:1.6s}.rcm-icon-circle{width:84px;height:84px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;color:var(--text-on-accent);position:relative;z-index:2;box-shadow:0 6px 24px var(--accent-glow),0 3px 10px #0000001f,inset 0 1px #ffffff38;animation:rcmIconPulse 2.4s ease-in-out infinite}.rcm-waveform{display:flex;align-items:center;gap:4px;height:36px}.rcm-bar{display:block;width:3px;border-radius:2px;background:var(--accent-primary);opacity:.8;transform-origin:center bottom}.rcm-bar-1{height:12px;animation:rcmBarBounce 1.1s ease-in-out infinite;animation-delay:0s}.rcm-bar-2{height:22px;animation:rcmBarBounce 1.1s ease-in-out infinite;animation-delay:.1s}.rcm-bar-3{height:30px;animation:rcmBarBounce 1.1s ease-in-out infinite;animation-delay:.2s}.rcm-bar-4{height:20px;animation:rcmBarBounce 1.1s ease-in-out infinite;animation-delay:.3s}.rcm-bar-5{height:36px;animation:rcmBarBounce 1.1s ease-in-out infinite;animation-delay:.15s}.rcm-bar-6{height:20px;animation:rcmBarBounce 1.1s ease-in-out infinite;animation-delay:.35s}.rcm-bar-7{height:30px;animation:rcmBarBounce 1.1s ease-in-out infinite;animation-delay:.25s}.rcm-bar-8{height:22px;animation:rcmBarBounce 1.1s ease-in-out infinite;animation-delay:.05s}.rcm-bar-9{height:12px;animation:rcmBarBounce 1.1s ease-in-out infinite;animation-delay:.4s}.rcm-listening-text{text-align:center}.rcm-listening-label{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.016em;margin-bottom:var(--space-1)}.rcm-listening-sub{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-regular);letter-spacing:-.005em}@keyframes rcmRingExpand{0%{transform:scale(1);opacity:.5}to{transform:scale(2.4);opacity:0}}@keyframes rcmIconPulse{0%,to{box-shadow:0 6px 24px var(--accent-glow),0 3px 10px #0000001f,inset 0 1px #ffffff38}50%{box-shadow:0 8px 32px var(--accent-glow-lg),0 4px 14px #00000024,inset 0 1px #ffffff38}}@keyframes rcmBarBounce{0%,to{transform:scaleY(.3);opacity:.4}50%{transform:scaleY(1);opacity:1}}@keyframes rcmDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.72)}}.rcm-result{display:flex;flex-direction:column;opacity:0;overflow:hidden}.rcm-result.rcm-result-in{animation:rcmResultIn .42s cubic-bezier(.34,1.56,.64,1) forwards}.rcm-hero{position:relative;width:100%;height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--gradient-accent)}.rcm-hero-blur{position:absolute;inset:-20px;background-size:cover;background-position:center;filter:blur(32px) saturate(1.8) brightness(.65);transform:scale(1.1)}.rcm-hero-cover{position:relative;z-index:2;width:156px;height:156px;border-radius:var(--radius-2xl);object-fit:cover;box-shadow:0 14px 44px #0000006b;animation:rcmCoverPop .62s cubic-bezier(.34,1.56,.64,1) forwards}.rcm-hero-gradient{position:absolute;bottom:0;left:0;right:0;height:64px;background:linear-gradient(to bottom,transparent,var(--material-modal));z-index:1}.rcm-hero-nocov{background:linear-gradient(135deg,var(--accent-soft-md) 0%,var(--accent-soft) 100%)}.rcm-hero-nocov-orb{width:92px;height:92px;border-radius:50%;background:var(--gradient-accent);box-shadow:0 8px 36px var(--accent-glow);display:flex;align-items:center;justify-content:center;color:var(--text-on-accent);animation:rcmIconPop .62s cubic-bezier(.34,1.56,.64,1) forwards}.rcm-body{padding:24px 24px 28px;background:var(--material-modal)}.rcm-identity{text-align:center;margin-bottom:var(--space-6)}.rcm-identity-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);background:var(--accent-soft);font-size:var(--text-2xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary);margin-bottom:var(--space-3)}.rcm-badge-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-primary);animation:rcmDotPulse 1.4s ease-in-out infinite;flex-shrink:0}.rcm-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.018em;line-height:1.18;margin-bottom:var(--space-1)}.rcm-artist{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-1);letter-spacing:-.01em}.rcm-meta{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:var(--weight-regular);display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:-.004em}.rcm-meta-sep{opacity:.45}.rcm-streams{display:flex;flex-direction:column;gap:10px}.rcm-streams-label{font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:2px}.rcm-streams-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.rcm-streams-grid:empty:after{content:"No streaming links available";grid-column:1 / -1;text-align:center;font-size:var(--text-sm);color:var(--text-tertiary);padding:12px 0}.rcm-stream-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 12px;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);background:var(--fill-tertiary);color:var(--text-primary);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast);white-space:nowrap;letter-spacing:-.008em}.rcm-stream-btn:hover{transform:translateY(-2px);border-color:transparent;box-shadow:var(--shadow-md)}.rcm-stream-btn:active{transform:translateY(0) scale(.97);box-shadow:none;transition-duration:60ms}.rcm-stream-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.rcm-s-spotify:hover{background:#1db954;color:#fff;border-color:transparent}.rcm-s-apple:hover{background:#fc3c44;color:#fff;border-color:transparent}.rcm-s-ytmusic:hover{background:red;color:#fff;border-color:transparent}.rcm-s-deezer:hover{background:#a238ff;color:#fff;border-color:transparent}.rcm-streams-more{display:flex;gap:6px}.rcm-more-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 12px;border-radius:var(--radius-lg);border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);background:transparent;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-spring);letter-spacing:-.005em}.rcm-more-btn:hover{background:var(--fill-tertiary);color:var(--text-primary);transform:translateY(-1px)}.rcm-more-btn:active{transform:scale(.97);transition-duration:60ms}.rcm-more-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-lg)}.rcm-miss-wrap{display:flex;flex-direction:column;align-items:center;padding:52px 28px 40px}.rcm-miss-icon{width:80px;height:80px;border-radius:50%;background:var(--fill-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);margin-bottom:var(--space-5);animation:rcmMissShake .5s cubic-bezier(.36,.07,.19,.97) forwards}.rcm-miss-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.016em}.rcm-miss-sub{font-size:var(--text-base);color:var(--text-secondary);font-weight:var(--weight-regular);text-align:center;line-height:1.55;letter-spacing:-.006em}.rcm-miss-actions{display:flex;gap:10px;margin-top:var(--space-8);width:100%;justify-content:center}.rcm-retry-btn{min-height:44px;padding:0 36px;border-radius:var(--radius-full);border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-on-accent);background:var(--accent-primary);box-shadow:0 4px 14px var(--accent-glow);transition:background var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast);letter-spacing:-.008em}.rcm-retry-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px var(--accent-glow-lg)}.rcm-retry-btn:active{transform:translateY(0) scale(.97);box-shadow:none;transition-duration:60ms}.rcm-retry-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@keyframes rcmBackdropIn{0%{background-color:#0000}to{background-color:#0000005c}}@keyframes rcmBackdropInDark{0%{background-color:#0000}to{background-color:#0009}}@keyframes rcmBackdropOut{0%{background-color:#0000005c}to{background-color:#0000}}@keyframes rcmOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes rcmOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes rcmDialogIn{0%{opacity:0;transform:scale(.88) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes rcmResultIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rcmCoverPop{0%{transform:scale(.72);opacity:0}70%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}@keyframes rcmIconPop{0%{transform:scale(.58);opacity:0}70%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes rcmMissShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.station-card{content-visibility:auto;contain-intrinsic-size:0 180px}.country-card{content-visibility:auto;contain-intrinsic-size:0 110px}.genre-card{content-visibility:auto;contain-intrinsic-size:0 52px}.station-card,.country-card,.genre-card{will-change:transform}.perf-ready .station-card,.perf-ready .country-card,.perf-ready .genre-card{will-change:auto}.grid,.genre-grid,.sleep-timer-popover,.toast-container,.cm-dialog,.am-dialog,.rcm-dialog{contain:layout paint}.station-card-logo-wrap img[data-logo],.cs-card img[data-logo]{image-rendering:auto}@supports (backdrop-filter: blur(16px)){.app-sidebar,.platform-web .app-sidebar,.platform-web .player-bar{backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}}.platform-web .player-bar-ambient{filter:blur(24px) saturate(1.3)}.platform-web .player-bar-ambient.active{opacity:.34}@media (prefers-reduced-motion: reduce){.player-bar-ambient,.home-np-bars,.visualizer-idle{display:none!important}}@media (prefers-reduced-transparency: reduce){.platform-web .app-sidebar,.platform-web .player-bar{backdrop-filter:none;-webkit-backdrop-filter:none}}.sidebar-nav-section-label--secondary{margin-top:16px;opacity:.85}a.sidebar-nav-item{text-decoration:none;color:inherit}a.sidebar-nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar-nav-external-badge{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);opacity:.7;transition:opacity .14s ease,color .14s ease;flex-shrink:0}.sidebar-nav-item--external:hover .sidebar-nav-external-badge{color:var(--accent);opacity:1}.sidebar.collapsed .sidebar-nav-external-badge,.app-sidebar.sidebar-collapsed .sidebar-nav-external-badge{display:none}.bg-mesh{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(900px 600px at 10% -10%,var(--accent-soft-md) 0%,transparent 60%),radial-gradient(800px 500px at 100% 40%,rgba(88,86,214,.14) 0%,transparent 60%),radial-gradient(900px 500px at 30% 110%,rgba(191,90,242,.1) 0%,transparent 60%);transition:background .32s cubic-bezier(.25,.46,.45,.94)}html[data-theme=dark] .bg-mesh{background:radial-gradient(900px 600px at 10% -10%,var(--accent-soft) 0%,transparent 60%),radial-gradient(800px 500px at 100% 40%,rgba(94,92,230,.14) 0%,transparent 60%),radial-gradient(900px 500px at 30% 110%,rgba(191,90,242,.08) 0%,transparent 60%)}#app{position:relative;z-index:1;background:transparent}.app-main{background:transparent}.app-topbar{position:sticky;top:0;z-index:50;height:60px;display:flex;align-items:center;padding:0 var(--space-5);gap:var(--space-4);background:var(--material-bar);border-bottom:1px solid transparent;transition:border-color .22s cubic-bezier(.25,.46,.45,.94),box-shadow .22s cubic-bezier(.25,.46,.45,.94);border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);flex-shrink:0}@supports (backdrop-filter: blur(14px)){.app-topbar{backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px)}}.app-topbar.is-scrolled{border-bottom-color:var(--border-subtle);box-shadow:var(--shadow-xs)}.app-topbar-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:var(--weight-heavy);color:var(--text-primary);letter-spacing:-.016em;font-size:var(--text-lg);text-decoration:none;cursor:pointer;padding:4px 8px;margin-left:-8px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.app-topbar-brand:hover{background:var(--fill-quaternary)}.app-topbar-brand-mark{width:30px;height:30px;border-radius:9px;display:block;box-shadow:0 4px 12px var(--accent-glow),var(--shadow-xs);object-fit:cover}.app-topbar-brand-text{display:none}@media (min-width: 640px){.app-topbar-brand-text{display:inline-flex;flex-direction:column;line-height:1}}.app-topbar-brand-name{font-size:var(--text-base);font-weight:var(--weight-heavy);letter-spacing:-.018em}.app-topbar-brand-tag{font-size:var(--text-2xs);font-weight:var(--weight-medium);color:var(--text-tertiary);letter-spacing:.02em;text-transform:uppercase;margin-top:2px}.app-topbar-spacer{flex:1}.app-topbar-actions{display:inline-flex;align-items:center;gap:8px}.app-topbar-icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--fill-tertiary);color:var(--text-primary);cursor:pointer;border:0;transition:background var(--transition-fast),transform var(--transition-spring)}.app-topbar-icon-btn:hover{background:var(--fill-secondary)}.app-topbar-icon-btn:active{transform:scale(.94)}.app-topbar-theme .icon-sun{display:none}.app-topbar-theme .icon-moon,html[data-theme=dark] .app-topbar-theme .icon-sun{display:block}html[data-theme=dark] .app-topbar-theme .icon-moon{display:none}.app-accent{position:relative}.app-accent-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--fill-tertiary);cursor:pointer;border:0;transition:background var(--transition-fast),transform var(--transition-spring)}.app-accent-btn:hover{background:var(--fill-secondary)}.app-accent-btn:active{transform:scale(.94)}.app-accent-swatch{width:18px;height:18px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 0 2px var(--bg-secondary),0 0 12px var(--accent-glow);display:inline-block}.app-accent-menu{position:absolute;top:calc(100% + 10px);right:0;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:8px;min-width:220px;box-shadow:var(--shadow-xl);display:grid;grid-template-columns:1fr 1fr;gap:4px;z-index:100;transform-origin:top right;animation:popIn .18s cubic-bezier(.34,1.56,.64,1)}.app-accent-menu[hidden]{display:none}.app-accent-menu button{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);background:none;border:0;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.app-accent-menu button .app-accent-dot{width:14px;height:14px;border-radius:50%;background:var(--sw, var(--accent-primary));box-shadow:0 0 0 1px var(--border-subtle),inset 0 0 0 2px #ffffff1a;flex-shrink:0}.app-accent-menu button:hover{background:var(--fill-tertiary)}.app-accent-menu button.is-current{background:var(--accent-soft);color:var(--accent-primary)}@keyframes popIn{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.app-topbar-cta{display:none;height:38px;padding:0 14px;border-radius:var(--radius-full);background:var(--accent-primary);color:var(--text-on-accent);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:-.004em;align-items:center;gap:6px;text-decoration:none;box-shadow:0 6px 18px var(--accent-glow),0 1px 3px #0000000f;transition:background var(--transition-fast),transform var(--transition-spring),box-shadow var(--transition-fast)}.app-topbar-cta:hover{background:var(--accent-hover);box-shadow:0 8px 22px var(--accent-glow-lg),0 2px 6px #0000001a;transform:translateY(-1px)}.app-topbar-cta:active{transform:scale(.97)}@media (min-width: 720px){.app-topbar-cta{display:inline-flex}}.platform-web .app-sidebar{margin:10px}.platform-web .app-main{margin:10px 10px 0 0;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-sm)}@supports (backdrop-filter: blur(14px)){.platform-web .app-main{background:var(--material-thick)}}.platform-web .app-content{padding:var(--space-6) var(--space-8)}.platform-web .app-player-bar{padding:10px 12px 12px}.platform-web .player-bar{margin:0;border-radius:var(--radius-2xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md)}.home-greeting h1{font-size:clamp(2rem,4vw,2.875rem);font-weight:var(--weight-heavy);letter-spacing:-.026em;line-height:1.05;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-primary) 65%,var(--accent-tertiary) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.view-header .view-header-row h1{font-size:clamp(1.875rem,3.4vw,2.5rem);font-weight:var(--weight-heavy);letter-spacing:-.024em}.reveal{opacity:0;transform:translateY(18px);transition:opacity .64s cubic-bezier(.16,1,.3,1),transform .64s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}@media (max-width: 640px){.platform-web .app-sidebar{margin:8px}.platform-web .app-main{margin:8px 8px 0 0;border-radius:var(--radius-xl)}.app-topbar{height:52px;padding:0 var(--space-3);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.app-topbar-brand-tag{display:none}}.platform-web .sidebar-header,.platform-web .sidebar-divider:first-of-type{display:none}.platform-web .sidebar-nav{padding-top:var(--space-4)}@media (max-width: 768px){#app{flex-direction:column;height:100vh;height:100dvh}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:80vw;margin:0;border-radius:0;border:none;border-right:1px solid var(--border-subtle);z-index:9000;transform:translate(-100%);transition:transform .32s cubic-bezier(.32,.72,0,1);box-shadow:none}.app-sidebar.sidebar-collapsed{width:280px;max-width:80vw}.app-sidebar.mobile-open{transform:translate(0);box-shadow:var(--shadow-2xl)}.mobile-sidebar-backdrop{display:none;position:fixed;inset:0;background:#0006;z-index:8999;opacity:0;transition:opacity .32s ease;-webkit-tap-highlight-color:transparent}.mobile-sidebar-backdrop.visible{display:block;opacity:1}.platform-web .app-main{margin:0;border-radius:0;border:none;box-shadow:none;flex:1;min-height:0}.app-topbar{height:56px;padding:0 var(--space-3);border-radius:0;gap:var(--space-2);padding-top:env(safe-area-inset-top,0)}.mobile-menu-btn{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--fill-tertiary);border:none;color:var(--text-primary);cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast),transform var(--transition-spring)}.mobile-menu-btn:active{transform:scale(.92);background:var(--fill-secondary)}.app-content{padding:var(--space-4) var(--space-4) var(--space-4)}.platform-web .app-content{padding:var(--space-4) var(--space-4)}.app-player-bar{height:auto;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0))}.platform-web .app-player-bar{padding:6px 8px calc(6px + env(safe-area-inset-bottom,0))}.player-bar{height:auto;min-height:64px;padding:8px 12px;margin:0;border-radius:var(--radius-xl);gap:8px}.platform-web .player-bar{margin:0;border-radius:var(--radius-xl)}.player-station-logo-wrap,.player-empty-icon{width:42px;height:42px;min-width:42px}.player-station-info{gap:10px}.player-station-name{font-size:var(--text-sm)}.player-station-meta{font-size:var(--text-2xs)}.player-controls{padding:0 8px}.player-controls-pill{padding:3px 4px;gap:2px}.player-btn-play{width:42px;height:42px}.player-btn{width:32px;height:32px}.player-btn-stop{width:28px;height:28px}.player-extras{gap:4px}.player-extras .player-volume{display:none}.player-recognize-btn,.player-expand-btn{width:32px;height:32px}.grid-cols-auto{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.grid-cols-country{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-2)}.station-card{padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl)}.station-card-logo{width:40px;height:40px}.station-card-name{font-size:var(--text-sm)}.station-card-tags{display:none}.view-header h1{font-size:var(--text-xl)}.view-header--split{flex-direction:column;gap:var(--space-2)}.home-greeting h1{font-size:var(--text-2xl)}.home-now-playing-card{padding:14px 16px;gap:14px}.home-np-artwork{width:52px;height:52px;min-width:52px}.home-np-name{font-size:var(--text-base)}.home-stats-row{gap:var(--space-2)}.home-stat-pill{padding:6px 12px;font-size:var(--text-sm)}.rcm-dialog{width:100%;max-width:calc(100vw - 24px);border-radius:var(--radius-2xl)}.rcm-hero{height:180px}.rcm-hero-cover{width:120px;height:120px}.rcm-body{padding:20px 16px 24px}.rcm-title{font-size:var(--text-xl)}.rcm-artist{font-size:var(--text-base)}.rcm-streams-grid{grid-template-columns:1fr;gap:6px}.rcm-stream-btn{min-height:44px}.search-bar{max-width:100%}.search-bar-input{font-size:16px}.app-accent-menu{right:-8px;min-width:200px}.section-title{font-size:var(--text-xs)}.home-empty-section{padding:var(--space-8) var(--space-4)}.sidebar-collapse-btn{display:none}.app-topbar-cta{display:none!important}.genre-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.stg-content-wrap{max-width:100%}}@media (max-width: 480px){.app-content{padding:var(--space-3) var(--space-3) var(--space-3)}.platform-web .app-content{padding:var(--space-3) var(--space-3)}.grid-cols-auto{grid-template-columns:1fr;gap:var(--space-3)}.grid-cols-country{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.player-controls{padding:0 4px}.player-btn-play{width:38px;height:38px}.player-station-logo-wrap,.player-empty-icon{width:38px;height:38px;min-width:38px}.home-greeting h1{font-size:var(--text-xl)}.home-stats-row{flex-direction:column}.home-stat-pill{width:100%;justify-content:center}.view-header h1{font-size:var(--text-lg)}.view-header-icon{width:32px;height:32px}.app-topbar{height:52px;gap:var(--space-2)}.app-topbar-icon-btn,.app-accent-btn{width:34px;height:34px}}@media (min-width: 769px){.mobile-menu-btn{display:none}.mobile-sidebar-backdrop{display:none!important}}@media (hover: none) and (pointer: coarse){.sidebar-nav-item{padding:10px;min-height:44px}.station-card-favorite{width:36px;height:36px}.player-btn{min-width:36px;min-height:36px}.station-card:hover{transform:none;box-shadow:var(--shadow-xs);border-color:var(--border-subtle)}.station-card:active{transform:scale(.98);transition-duration:60ms}.home-now-playing-card:hover{transform:none;box-shadow:var(--shadow-xs)}.home-stat-pill:hover{transform:none;border-color:var(--border-subtle);background:var(--bg-secondary)}.app-content::-webkit-scrollbar-thumb{background:var(--border-medium);background-clip:padding-box}}@supports (padding: env(safe-area-inset-top)){@media (max-width: 768px){.app-topbar,.app-sidebar{padding-top:env(safe-area-inset-top,0)}.app-player-bar{padding-bottom:calc(6px + env(safe-area-inset-bottom,0))}}}@media (max-width: 768px) and (orientation: landscape) and (max-height: 500px){.app-topbar{height:44px}.player-bar{min-height:56px;padding:6px 12px}.player-station-logo-wrap{width:36px;height:36px;min-width:36px}.player-btn-play{width:36px;height:36px}.rcm-dialog{max-height:90vh;overflow-y:auto}.rcm-hero{height:140px}}