@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--color-bg:#0a0a0a;--color-surface:#111;--color-surface-2:#161616;--color-surface-offset:#1a1a1a;--color-divider:#202020;--color-border:#282828;--color-text:#e5e4e1;--color-text-muted:#858380;--color-text-faint:#3d3c3a;--color-primary:#1db954;--color-primary-hover:#1ed760;--color-primary-highlight:#0f2b19;--color-accent-dim:#1db9541a;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 16px #0009;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1.25rem;--radius-full:9999px;--transition:.2s cubic-bezier(.16, 1, .3, 1);--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}[data-theme=light]{--color-bg:#f5f4f0;--color-surface:#faf9f7;--color-surface-2:#fff;--color-surface-offset:#eeece8;--color-divider:#e0ddd8;--color-border:#d8d5cf;--color-text:#1c1a16;--color-text-muted:#706e6a;--color-text-faint:#b0aea9;--color-primary:#1db954;--color-primary-hover:#17a349;--color-primary-highlight:#d6f5e3;--color-accent-dim:#1db9541f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 5px var(--color-primary-highlight)}50%{box-shadow:0 0 20px var(--color-primary-highlight)}to{box-shadow:0 0 5px var(--color-primary-highlight)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}.glass-nav{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#0a0a0ab3;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:-.05em;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;display:flex}.logo span{color:var(--color-primary)}.hero{text-align:center;background:radial-gradient(circle,#1db9540d 0%,#0000 70%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.hero h1{letter-spacing:-.04em;background:linear-gradient(#fff 0%,#aaa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1}.hero p{color:var(--color-text-muted);max-width:600px;margin-bottom:2.5rem;font-size:1.25rem}.btn-primary{background:var(--color-primary);color:#000;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.btn-primary:hover{background:var(--color-primary-hover);transform:scale(1.05);box-shadow:0 0 20px #1db9544d}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition);padding:2rem}.card:hover{border-color:var(--color-primary)}.slider-group{flex-direction:column;gap:1.5rem;width:100%;max-width:400px;margin:2rem auto;display:flex}select,option,input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option{color:#fff;background-color:#1a1a1a}.slider-container{flex-direction:column;gap:.5rem;display:flex}.slider-label{color:var(--color-text-muted);justify-content:space-between;font-size:.875rem;font-weight:600;display:flex}input[type=range]{-webkit-appearance:none;background:var(--color-surface-offset);border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);cursor:pointer;width:16px;height:16px;transition:background var(--transition);border-radius:50%}.extreme-warning input[type=range]::-webkit-slider-thumb{background:#f59b23!important}.extreme-warning input[type=range]::-moz-range-thumb{background:#f59b23!important}#auth-spinner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:none;position:fixed;inset:0}#auth-spinner.active{display:flex}.spinner{border:4px solid #1db9541a;border-top-color:var(--color-primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}