@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap";
:root{--ds-primary:#3b82f6;--ds-primary-bright:#60a5fa;--ds-primary-dark:#2563eb;--ds-primary-glow:#3b82f659;--ds-accent-purple:#a855f7;--ds-accent-purple-glow:#a855f74d;--ds-success:#00ffa3;--ds-success-glow:#00ffa34d;--ds-warning:#f59e0b;--ds-danger:#ef4444;--ds-bg-root:#020617;--ds-bg-elevated:#0b1120;--ds-bg-card:#ffffff08;--ds-bg-card-hover:#ffffff12;--ds-bg-highlight:#ffffff1a;--ds-bg-sidebar:#020617d9;--ds-bg-topbar:#02061799;--ds-bg-nowplaying:#0b1120e6;--ds-bg-input:#ffffff0f;--ds-glass-blur:blur(12px);--ds-glass-bg:#ffffff08;--ds-glass-border:1px solid #ffffff0f;--ds-glass-shadow:0 8px 32px #0006;--ds-text-primary:#f1f5f9;--ds-text-secondary:#94a3b8;--ds-text-muted:#475569;--ds-text-on-primary:#020617;--ds-border:#ffffff0f;--ds-border-glow:#3b82f64d;--ds-shadow-card:0 8px 32px #0006;--ds-shadow-elevated:0 16px 48px #0009;--ds-neon-blue:0 0 20px #3b82f666,0 0 60px #3b82f61a;--ds-neon-purple:0 0 20px #a855f766,0 0 60px #a855f71a;--ds-neon-green:0 0 20px #00ffa366,0 0 60px #00ffa31a;--ds-tooltip-bg:#0f172af2;--ds-tooltip-text:#f1f5f9;--ds-scrollbar-thumb:#ffffff1a;--ds-scrollbar-thumb-hover:#fff3;--ds-radius-sm:8px;--ds-radius-md:12px;--ds-radius-lg:16px;--ds-radius-xl:20px;--ds-radius-pill:500px;--ds-font-sans:"DM Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ds-font-mono:"JetBrains Mono","Fira Code",monospace;--ds-ease:cubic-bezier(.4,0,.2,1);--ds-ease-spring:cubic-bezier(.34,1.56,.64,1);--ds-duration-fast:.15s;--ds-duration-normal:.25s;--ds-duration-slow:.4s}[data-theme=light]{--ds-primary:#3b82f6;--ds-primary-bright:#2563eb;--ds-primary-glow:#3b82f633;--ds-accent-purple:#a855f7;--ds-accent-purple-glow:#a855f726;--ds-success:#10b981;--ds-success-glow:#10b98133;--ds-bg-root:#f8fafc;--ds-bg-elevated:#fff;--ds-bg-card:#00000008;--ds-bg-card-hover:#0000000f;--ds-bg-highlight:#00000014;--ds-bg-sidebar:#f8fafce6;--ds-bg-topbar:#f8fafcb3;--ds-bg-nowplaying:#ffffffeb;--ds-bg-input:#0000000a;--ds-glass-bg:#fff9;--ds-glass-border:1px solid #0000000f;--ds-glass-shadow:0 8px 32px #00000014;--ds-text-primary:#0f172a;--ds-text-secondary:#64748b;--ds-text-muted:#94a3b8;--ds-text-on-primary:#fff;--ds-border:#0000000f;--ds-border-glow:#3b82f633;--ds-shadow-card:0 4px 16px #0000000f;--ds-neon-blue:0 0 16px #3b82f633;--ds-neon-purple:0 0 16px #a855f733;--ds-neon-green:0 0 16px #10b98133;--ds-scrollbar-thumb:#0000001f;--ds-scrollbar-thumb-hover:#0003}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ds-font-sans);background-color:var(--ds-bg-root);color:var(--ds-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--ds-duration-normal)var(--ds-ease),color var(--ds-duration-normal)var(--ds-ease);overflow-x:hidden}::selection{background:var(--ds-primary);color:var(--ds-text-on-primary)}code{font-family:var(--ds-font-mono)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ds-scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ds-scrollbar-thumb-hover)}.hide-scroll::-webkit-scrollbar{display:none}.hide-scroll{-ms-overflow-style:none;scrollbar-width:none}.ds-text-limit{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.glass{-webkit-backdrop-filter:var(--ds-glass-blur);background:var(--ds-glass-bg);border:var(--ds-glass-border);box-shadow:var(--ds-glass-shadow)}:focus-visible{outline:2px solid var(--ds-primary);outline-offset:2px;border-radius:var(--ds-radius-sm)}button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}input::placeholder{color:var(--ds-text-muted)}input:focus,button:focus{outline:none}.ds-btn-primary{border-radius:var(--ds-radius-pill);background:var(--ds-primary);height:44px;color:var(--ds-text-on-primary);cursor:pointer;transition:all var(--ds-duration-fast)var(--ds-ease);border:none;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 0 20px #3b82f64d}.ds-btn-primary:hover{background:var(--ds-primary-bright);box-shadow:var(--ds-neon-blue);transform:scale(1.04)}.ds-btn-primary:active{transform:scale(.98)}.ds-btn-secondary{border-radius:var(--ds-radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:36px;color:var(--ds-text-primary);border:var(--ds-glass-border);cursor:pointer;transition:all var(--ds-duration-fast)var(--ds-ease);background:#ffffff0d;justify-content:center;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:600;display:inline-flex}.ds-btn-secondary:hover{background:#ffffff1a;transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:.6}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(60px,-40px)scale(1.1)}66%{transform:translate(-30px,30px)scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-50px,50px)scale(1.15)}66%{transform:translate(40px,-20px)scale(.9)}}@keyframes orbFloat3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,60px)scale(1.05)}66%{transform:translate(-60px,-30px)scale(1.1)}}@keyframes nowPlayingPulse{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.neon-active{color:var(--ds-primary)!important}