:root{--bg-base:#0d0d0d;--bg-surface:#1a1a1a;--bg-elevated:#222;--bg-modal:#161616;--bg-card:#efefef;--accent:#e5383b;--accent-hover:#c0282b;--accent-light:#ff6b6e;--accent-glow:#e5383b29;--accent-dim:#e5383b1a;--text-primary:#f5f5f5;--text-secondary:#f5f5f585;--text-muted:#f5f5f542;--text-on-card:#0d0d0d;--text-on-card-sub:#0d0d0d8c;--border:#ffffff12;--border-hover:#ffffff24;--font-heading:"Outfit", sans-serif;--font-body:"Geist", sans-serif;--topbar-height:88px;--playerbar-height:76px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-base:.28s cubic-bezier(.16, 1, .3, 1);--transition-slow:.42s cubic-bezier(.16, 1, .3, 1);--glass-bg:#ffffff08;--glass-blur:blur(24px);--glass-border:1px solid #ffffff12;--glass-inner:inset 0 1px 0 #ffffff0f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}html{font-size:17px}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}.btn{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);letter-spacing:.01em;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.925rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)scale(.98)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.btn-ghost{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-surface);border-color:var(--border-hover)}.btn-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1rem;display:inline-flex}.btn-icon:hover{color:var(--text-primary);background:var(--bg-surface)}.btn-icon.active{color:var(--accent-light)}.scrollable{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;overflow-y:auto}.scrollable::-webkit-scrollbar{width:4px}.scrollable::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.overlay-backdrop{-webkit-backdrop-filter:blur(8px);z-index:500;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-modal);border:var(--glass-border);border-radius:var(--radius-xl);scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;width:min(580px,92vw);max-height:80vh;box-shadow:0 32px 80px #0009, 0 0 0 1px #ffffff0d, var(--glass-inner);padding:32px;overflow-y:auto}.toast{bottom:calc(var(--playerbar-height) + 20px);background:var(--bg-elevated);border:1px solid var(--border-hover);border-radius:var(--radius-lg);color:var(--text-primary);z-index:600;white-space:nowrap;pointer-events:none;padding:12px 22px;font-size:.85rem;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:10px 14px;font-size:1rem}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{background:var(--bg-elevated);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";animation:skeleton-shimmer 1.6s var(--ease-out-expo) infinite;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff0d 50%,#0000 100%);position:absolute;inset:0}.divider{background:var(--border);height:1px;margin:16px 0}@media (max-width:1023px){.desktop-only{display:none!important}}@media (max-width:767px){.tablet-only{display:none!important}:root{--topbar-height:72px;--playerbar-height:80px}}:root{--v2-bg-base:#0c0c0e;--v2-bg-surface:#131316;--v2-bg-elevated:#1a1a1f;--v2-bg-card:#212126;--v2-bg-nav:#09090b;--v2-bg-player:#080809;--v2-bg-overlay:#0c0c0ee6;--v2-bg-hover:#ffffff0a;--v2-bg-active:#ff3b3b12;--v2-accent:#ff3b3b;--v2-accent-hover:#e62e2e;--v2-accent-light:#ff6b6b;--v2-accent-dim:#ff3b3b14;--v2-accent-glow:#ff3b3b26;--v2-accent-border:#ff3b3b47;--v2-accent-on:#fff;--v2-text-primary:#eef2fc;--v2-text-secondary:#eef2fc8c;--v2-text-muted:#eef2fc47;--v2-text-disabled:#eef2fc29;--v2-text-on-accent:#060809;--v2-border:#eef2fc12;--v2-border-hover:#eef2fc24;--v2-border-strong:#eef2fc38;--v2-border-accent:#b8f53c4d;--v2-glass-bg:#0e1119bf;--v2-glass-blur:blur(24px);--v2-glass-border:1px solid #eef2fc12;--v2-glass-inner:inset 0 1px 0 #eef2fc0f;--v2-shadow-sm:0 1px 4px #00000073;--v2-shadow-md:0 4px 16px #0000008c, 0 1px 4px #0000004d;--v2-shadow-lg:0 12px 40px #000000a6, 0 4px 12px #0006;--v2-shadow-xl:0 24px 64px #000000bf, 0 8px 24px #0006;--v2-shadow-accent:0 0 20px #b8f53c2e, 0 0 6px #b8f53c14;--v2-shadow-card:0 2px 12px #00000080, inset 0 1px 0 #eef2fc0a;--v2-space-1:4px;--v2-space-2:8px;--v2-space-3:12px;--v2-space-4:16px;--v2-space-5:20px;--v2-space-6:24px;--v2-space-8:32px;--v2-space-10:40px;--v2-space-12:48px;--v2-space-16:64px;--v2-space-20:80px;--v2-space-24:96px;--v2-radius-xs:4px;--v2-radius-sm:8px;--v2-radius-md:12px;--v2-radius-lg:16px;--v2-radius-xl:24px;--v2-radius-2xl:32px;--v2-radius-full:9999px;--v2-font-heading:"Outfit", sans-serif;--v2-font-body:"Geist", sans-serif;--v2-text-xs:.8125rem;--v2-text-sm:.9375rem;--v2-text-base:1.0625rem;--v2-text-md:1.1875rem;--v2-text-lg:1.375rem;--v2-text-xl:1.625rem;--v2-text-2xl:2rem;--v2-text-3xl:2.5rem;--v2-text-4xl:3.25rem;--v2-text-5xl:4.25rem;--v2-weight-regular:400;--v2-weight-medium:500;--v2-weight-semibold:600;--v2-weight-bold:700;--v2-weight-extrabold:800;--v2-weight-black:900;--v2-leading-none:1;--v2-leading-tight:1.15;--v2-leading-snug:1.3;--v2-leading-normal:1.5;--v2-leading-relaxed:1.65;--v2-tracking-tighter:-.04em;--v2-tracking-tight:-.02em;--v2-tracking-normal:0em;--v2-tracking-wide:.06em;--v2-tracking-wider:.12em;--v2-ease-out-expo:cubic-bezier(.16, 1, .3, 1);--v2-ease-in-expo:cubic-bezier(.7, 0, .84, 0);--v2-ease-in-out:cubic-bezier(.4, 0, .2, 1);--v2-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--v2-duration-instant:80ms;--v2-duration-fast:.15s;--v2-duration-base:.26s;--v2-duration-slow:.42s;--v2-duration-slower:.6s;--v2-transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--v2-transition-base:.26s cubic-bezier(.16, 1, .3, 1);--v2-transition-slow:.42s cubic-bezier(.16, 1, .3, 1);--v2-transition-spring:.36s cubic-bezier(.34, 1.56, .64, 1);--v2-nav-collapsed:82px;--v2-nav-expanded:220px;--v2-playerbar-height:76px;--v2-content-max-width:1680px;--v2-content-padding:32px}