@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap");:root{--bg-primary:#08090d;--bg-secondary:#0f1118;--bg-tertiary:#161924;--bg-card:rgba(18,21,32,.7);--bg-card-hover:rgba(26,30,48,.85);--border-subtle:hsla(0,0%,100%,.08);--border-glow:rgba(168,85,247,.3);--border-cyan:rgba(6,182,212,.3);--accent-purple:#a855f7;--accent-purple-glow:rgba(168,85,247,.4);--accent-cyan:#06b6d4;--accent-cyan-glow:rgba(6,182,212,.4);--accent-rose:#f43f5e;--accent-amber:#f59e0b;--accent-emerald:#10b981;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--font-sans:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",monospace;--shadow-glow-purple:0 0 25px rgba(168,85,247,.25);--shadow-glow-cyan:0 0 25px rgba(6,182,212,.25);--shadow-card:0 10px 30px -5px rgba(0,0,0,.5),0 0 0 1px var(--border-subtle)}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{top:-20%;left:20%;width:600px;height:600px;background:radial-gradient(circle,rgba(168,85,247,.12) 0,transparent 70%)}body:after,body:before{content:"";position:fixed;filter:blur(80px);pointer-events:none;z-index:0}body:after{bottom:-10%;right:10%;width:500px;height:500px;background:radial-gradient(circle,rgba(6,182,212,.1) 0,transparent 70%)}.container{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:hsla(0,0%,100%,.15)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-size:14px;font-weight:600;padding:10px 20px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--accent-purple),#7c3aed);color:#fff;box-shadow:0 4px 15px rgba(168,85,247,.35)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(168,85,247,.5)}.btn-cyan{background:linear-gradient(135deg,var(--accent-cyan),#0891b2);color:#fff;box-shadow:0 4px 15px rgba(6,182,212,.35)}.btn-cyan:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(6,182,212,.5)}.btn-danger{background:linear-gradient(135deg,var(--accent-rose),#be123c);color:#fff;box-shadow:0 4px 15px rgba(244,63,94,.35)}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(244,63,94,.5)}.btn-secondary{background:hsla(0,0%,100%,.05);border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full)}.badge-purple{background:rgba(168,85,247,.15);color:#d8b4fe;border:1px solid rgba(168,85,247,.3)}.badge-cyan{background:rgba(6,182,212,.15);color:#67e8f9;border:1px solid rgba(6,182,212,.3)}.badge-green{background:rgba(16,185,129,.15);color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.badge-red{background:rgba(244,63,94,.15);color:#fda4af;border:1px solid rgba(244,63,94,.3)}.navbar{border-bottom:1px solid var(--border-subtle);background:rgba(8,9,13,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-inner{justify-content:space-between;height:70px}.brand,.navbar-inner{display:flex;align-items:center}.brand{gap:12px;font-size:20px;font-weight:800;letter-spacing:-.5px;color:#fff;text-decoration:none}.brand-icon{width:38px;height:38px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));border-radius:10px;justify-content:center;box-shadow:var(--shadow-glow-purple)}.brand-icon,.nav-links{display:flex;align-items:center}.nav-links{gap:20px}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.nav-link:hover{color:#fff}.user-pill{display:flex;align-items:center;gap:10px;background:hsla(0,0%,100%,.04);border:1px solid var(--border-subtle);padding:6px 14px 6px 8px;border-radius:var(--radius-full)}.user-avatar{width:28px;height:28px;border-radius:50%;background:#1e293b}.input{width:100%;background:rgba(15,17,24,.8);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 16px;color:#fff;font-family:var(--font-sans);font-size:14px;outline:none;transition:all .2s ease}.input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px rgba(168,85,247,.2)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:hsla(0,0%,100%,.1);border-radius:4px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-purple);cursor:pointer;box-shadow:0 0 10px rgba(168,85,247,.7);-webkit-transition:transform .1s ease;transition:transform .1s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(244,63,94,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(244,63,94,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(244,63,94,0)}}.recording-pulse{animation:pulse-ring 1.8s cubic-bezier(.4,0,.6,1) infinite}@keyframes rainbow-border{0%{border-color:var(--accent-purple);box-shadow:0 0 30px rgba(168,85,247,.5)}50%{border-color:var(--accent-cyan);box-shadow:0 0 30px rgba(6,182,212,.5)}to{border-color:var(--accent-amber);box-shadow:0 0 30px rgba(245,158,11,.5)}}.winner-card{animation:rainbow-border 3s ease infinite}