:root{color-scheme:dark;--px-bg: #0b0d10;--px-bg-elevated: #121519;--px-surface: #16191d;--px-surface-2: #1c2027;--px-surface-3: #232830;--px-overlay: rgba(6, 8, 10, .72);--px-scrim-top: rgba(11, 13, 16, 0);--px-scrim-bottom: rgba(11, 13, 16, .92);--px-border: #262b31;--px-border-strong: #3a414a;--px-border-focus: #ff7a5c;--px-text: #f2f4f7;--px-text-muted: #a7b0ba;--px-text-dim: #6b7480;--px-text-inverse: #0b0d10;--px-primary: #ff5233;--px-primary-hover: #ff6f52;--px-primary-active: #e8431f;--px-on-primary: #12060a;--px-primary-soft: rgba(255, 82, 51, .16);--px-accent: #7cc4ff;--px-success: #34d399;--px-warning: #fbbf24;--px-danger: #f87171;--px-danger-hover: #ef4444;--px-danger-soft: rgba(248, 113, 113, .16);--px-success-soft: rgba(52, 211, 153, .16);--px-warning-soft: rgba(251, 191, 36, .16);--px-state-available: #34d399;--px-state-downloading: #38bdf8;--px-state-requested: #fbbf24;--px-state-processing: #a78bfa;--px-state-missing: #6b7480;--px-glass-bg: rgba(22, 25, 29, .55);--px-glass-bg-strong: rgba(15, 17, 20, .78);--px-glass-border: rgba(255, 255, 255, .09);--px-glass-highlight: rgba(255, 255, 255, .05);--px-glass-filter: blur(var(--px-blur-md)) saturate(160%);--px-glass-filter-sm: blur(var(--px-blur-sm)) saturate(140%);--px-chip-bg: var(--px-glass-bg-strong);--px-chip-border: var(--px-glass-border);--px-chip-text: var(--px-text);--px-quality-hdr: #f4c96a;--px-quality-spatial: #b9a6f0;--px-rating-color: var(--px-warning);--px-font-sans: system-ui, -apple-system, "Segoe UI", "Inter", Roboto, Helvetica, Arial, sans-serif;--px-font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;--px-text-2xs: .6875rem;--px-text-xs: .75rem;--px-text-sm: .875rem;--px-text-md: 1rem;--px-text-lg: 1.125rem;--px-text-xl: 1.375rem;--px-text-2xl: 1.75rem;--px-text-3xl: 2.25rem;--px-text-4xl: 3rem;--px-text-hero: clamp(2.25rem, 5vw, 4rem);--px-weight-normal: 400;--px-weight-medium: 500;--px-weight-semibold: 600;--px-weight-bold: 700;--px-leading-tight: 1.15;--px-leading-snug: 1.3;--px-leading-normal: 1.5;--px-tracking-eyebrow: .08em;--px-type-display-size: var(--px-text-hero);--px-type-display-weight: var(--px-weight-bold);--px-type-display-leading: var(--px-leading-tight);--px-type-title-size: var(--px-text-2xl);--px-type-title-weight: var(--px-weight-bold);--px-type-title-leading: var(--px-leading-tight);--px-type-body-size: var(--px-text-md);--px-type-body-weight: var(--px-weight-normal);--px-type-body-leading: var(--px-leading-normal);--px-type-caption-size: var(--px-text-xs);--px-type-caption-weight: var(--px-weight-medium);--px-type-caption-leading: var(--px-leading-snug);--px-space-0: 0;--px-space-1: .25rem;--px-space-2: .5rem;--px-space-3: .75rem;--px-space-4: 1rem;--px-space-5: 1.5rem;--px-space-6: 2rem;--px-space-8: 3rem;--px-space-10: 4rem;--px-space-12: 6rem;--px-radius-xs: 4px;--px-radius-sm: 6px;--px-radius-md: 10px;--px-radius-lg: 14px;--px-radius-xl: 20px;--px-radius-2xl: 28px;--px-radius-pill: 999px;--px-radius-round: 50%;--px-shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--px-shadow-2: 0 4px 14px rgba(0, 0, 0, .45);--px-shadow-3: 0 12px 40px rgba(0, 0, 0, .55);--px-shadow-hero: 0 24px 80px rgba(0, 0, 0, .6);--px-blur-sm: 6px;--px-blur-md: 16px;--px-blur-lg: 32px;--px-ease: cubic-bezier(.2, .8, .2, 1);--px-ease-out: cubic-bezier(.16, 1, .3, 1);--px-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--px-dur-instant: 80ms;--px-dur-fast: .12s;--px-dur-base: .22s;--px-dur-slow: .4s;--px-focus-scale: 1.06;--px-focus-ring-width: 3px;--px-focus-ring: 0 0 0 var(--px-focus-ring-width) var(--px-border-focus), var(--px-shadow-3);--px-density-gap: var(--px-space-3);--px-density-pad: var(--px-space-4);--px-poster-ratio: 2 / 3;--px-backdrop-ratio: 16 / 9;--px-square-ratio: 1 / 1;--px-poster-radius: var(--px-radius-md);--px-grid-poster-min: 150px;--px-grid-square-min: 160px;--px-grid-backdrop-min: 300px;--px-grid-gap: var(--px-space-4);--px-control-height-sm: 32px;--px-control-height-md: 40px;--px-control-height-lg: 48px;--px-icon-sm: 16px;--px-icon-md: 20px;--px-icon-lg: 24px;--px-avatar-sm: 32px;--px-avatar-md: 48px;--px-avatar-lg: 96px;--px-player-scrim-top: rgba(11, 13, 16, .75);--px-player-scrim-bottom: rgba(11, 13, 16, .92);--px-player-track-bg: rgba(255, 255, 255, .2);--px-player-track-buffered: rgba(255, 255, 255, .35);--px-player-track-fill: var(--px-primary);--px-avatar-1: #ff5233;--px-avatar-2: #7cc4ff;--px-avatar-3: #34d399;--px-avatar-4: #fbbf24;--px-avatar-5: #a78bfa;--px-avatar-6: #f472b6;--px-avatar-7: #38bdf8;--px-avatar-8: #fb7185;--px-hero-scrim-bottom: linear-gradient(to top, var(--px-bg) 0%, transparent 60%);--px-hero-scrim-side: linear-gradient(to right, var(--px-bg) 0%, transparent 55%);--px-nav-height: 64px;--px-tabbar-height: 64px;--px-sidebar-width: 248px;--px-miniplayer-height: 72px;--px-content-max: 1600px;--px-page-pad: clamp(1rem, 4vw, 3.5rem);--px-z-base: 0;--px-z-rail: 10;--px-z-nav: 100;--px-z-miniplayer: 200;--px-z-overlay: 900;--px-z-modal: 1000;--px-z-toast: 1100}:root[data-theme=light]{color-scheme:light;--px-bg: #f6f7f9;--px-bg-elevated: #ffffff;--px-surface: #ffffff;--px-surface-2: #f0f2f5;--px-surface-3: #e7eaef;--px-overlay: rgba(255, 255, 255, .72);--px-scrim-top: rgba(246, 247, 249, 0);--px-scrim-bottom: rgba(246, 247, 249, .92);--px-border: #e2e6ec;--px-border-strong: #c7cdd6;--px-border-focus: #e8431f;--px-text: #14181d;--px-text-muted: #566070;--px-text-dim: #8a93a1;--px-text-inverse: #ffffff;--px-primary-soft: rgba(255, 82, 51, .12);--px-danger-soft: rgba(248, 113, 113, .12);--px-success-soft: rgba(52, 211, 153, .12);--px-warning-soft: rgba(251, 191, 36, .12);--px-shadow-1: 0 1px 2px rgba(15, 23, 42, .08);--px-shadow-2: 0 4px 14px rgba(15, 23, 42, .12);--px-shadow-3: 0 12px 40px rgba(15, 23, 42, .16);--px-shadow-hero: 0 24px 80px rgba(15, 23, 42, .2);--px-glass-bg: rgba(255, 255, 255, .6);--px-glass-bg-strong: rgba(255, 255, 255, .8);--px-glass-border: rgba(15, 23, 42, .08);--px-glass-highlight: rgba(255, 255, 255, .5)}:root[data-skin=nocturne]{--px-bg: #080b14;--px-surface: #10141f;--px-surface-2: #171d2b;--px-primary: #6ea8ff;--px-primary-hover: #8cbcff;--px-on-primary: #05070d;--px-border-focus: #8cbcff}:root[data-skin=sunset]{--px-primary: #ff7a3d;--px-primary-hover: #ff9560;--px-border-focus: #ffb082}:root[data-skin=forest]{--px-primary: #4ade80;--px-primary-hover: #6ee79b;--px-on-primary: #04140a;--px-border-focus: #6ee79b}:root[data-density=compact]{--px-density-gap: var(--px-space-2);--px-density-pad: var(--px-space-3)}:root[data-density=comfortable]{--px-density-gap: var(--px-space-5);--px-density-pad: var(--px-space-6)}@media(prefers-reduced-motion:reduce){:root{--px-dur-instant: 0ms;--px-dur-fast: 0ms;--px-dur-base: 0ms;--px-dur-slow: 0ms;--px-ease-spring: linear;--px-focus-scale: 1}}body{margin:0;background:var(--px-bg);color:var(--px-text);font-family:var(--px-font-sans)}*{box-sizing:border-box}