:root{--color-bg: #FAFAFA;--color-surface: #FFFFFF;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-text: #111827;--color-text-secondary: #6B7280;--color-text-muted: #9CA3AF;--color-accent: #1E3A5F;--color-accent-light: #EBF0F7;--color-accent-hover: #2A4D7A;--color-topbar: #0F172A;--color-topbar-text: #F8FAFC;--color-green: #059669;--color-green-bg: #ECFDF5;--color-amber: #D97706;--color-amber-bg: #FFFBEB;--color-red: #DC2626;--color-red-bg: #FEF2F2;--color-gray: #6B7280;--color-gray-bg: #F3F4F6;--color-pulse: #3B82F6;--color-hover-bg: #F9FAFB;--content-padding-x: 48px;--content-padding-y: 40px;--content-max-width: 720px}[data-theme=dark]{--color-bg: #0a0a0a;--color-surface: #161616;--color-border: rgba(255, 255, 255, .1);--color-border-light: rgba(255, 255, 255, .06);--color-text: #f0f0f0;--color-text-secondary: #c8c8c8;--color-text-muted: #a0a0a0;--color-accent: #5b8dbf;--color-accent-light: rgba(91, 141, 191, .12);--color-accent-hover: #6fa3d6;--color-topbar: #0a0a0a;--color-topbar-text: #f0f0f0;--color-green: #4abe8a;--color-green-bg: rgba(74, 190, 138, .1);--color-amber: #a8884a;--color-amber-bg: rgba(168, 136, 74, .08);--color-red: #b05656;--color-red-bg: rgba(176, 86, 86, .08);--color-gray: #6a6a6a;--color-gray-bg: rgba(255, 255, 255, .04);--color-pulse: #5e8fd4;--color-hover-bg: rgba(255, 255, 255, .05);color-scheme:dark}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] table{color:var(--color-text)}[data-theme=dark] option{background:var(--color-surface);color:var(--color-text)}[data-theme=dark] input:-webkit-autofill,[data-theme=dark] input:-webkit-autofill:hover,[data-theme=dark] input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #1a1a1a inset;-webkit-text-fill-color:#f0f0f0;caret-color:#f0f0f0}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,button,textarea,select{font:inherit}a{color:var(--color-accent);text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.skeleton{background:var(--color-gray-bg);animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fade-overlay{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes check-pop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--color-pulse);animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}.pulse-dot--red{background:var(--color-red)}.slide-overlay{position:fixed;inset:0;background:#00000026;z-index:100;animation:fade-overlay .2s ease-out}.slide-panel{position:fixed;top:0;right:0;bottom:0;width:480px;background:var(--color-surface);z-index:101;animation:slide-in-right .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;border-left:1px solid var(--color-border)}.queue-item-enter{animation:fade-in-up .3s ease-out}.download-check{animation:check-pop .4s ease-out;display:inline-block}@media(max-width:768px){:root{--content-padding-x: 20px;--content-padding-y: 16px}.slide-panel{width:100%}}