:root{--bg-color:#121212;--surface-color:#1c1c1c;--surface-border:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--primary:#8b5cf6;--primary-hover:#7c3aed;--secondary:#d8b4fe;--accent:#3b82f6;--glass-bg:#0a0a0ab3;--glass-border:#ffffff14;--shadow-premium:0 20px 40px #0006;--page-gradient:radial-gradient(circle at 50% 35%, #8b5cf633 0%, #0a0a0a 80%);--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--transition-smooth:all .4s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-color:#f8fafc;--surface-color:#fff;--surface-border:#0000000f;--text-primary:#0f172a;--text-secondary:#475569;--glass-bg:#fffc;--glass-border:#0000000d;--shadow-premium:0 10px 30px #00000014, 0 4px 6px #0000000a;--page-gradient:none}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);line-height:1.5;transition:background-color .5s;overflow-x:hidden}h1,h2,h3,h4,.nerdy-text{font-family:var(--font-heading);letter-spacing:-.02em}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}#root{flex-direction:column;min-height:100vh;display:flex}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.loading-screen{background-color:var(--bg-color);z-index:1000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.loading-content{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{transition:var(--transition-smooth);border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));box-shadow:0 4px 15px #8b5cf64d;color:#fff!important}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680}.btn-secondary{background:var(--surface-color);border:1px solid var(--surface-border);color:var(--text-primary);box-shadow:var(--shadow-premium)}.btn-secondary:hover{background:var(--bg-color);border-color:var(--primary);box-shadow:0 4px 12px #0000001a}.btn-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--text-primary);box-shadow:0 4px 12px #0000000d}.btn-glass:hover{background:var(--surface-color);border-color:var(--primary);box-shadow:var(--shadow-premium);transform:translateY(-2px)}.live-demo-btn{color:var(--text-primary)}.live-demo-btn svg{color:red}.live-demo-btn:hover{color:var(--text-primary);border-color:red!important;box-shadow:0 4px 20px #ff000026!important}[data-theme=light] .live-demo-btn{background:#fff;border:1px solid #0000001a}.btn-outline{border:1px solid var(--primary);color:var(--primary)}.btn-primary:after{content:"";background:linear-gradient(45deg,#0000,#ffffff1a,#0000);width:200%;height:200%;transition:all .8s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.btn-primary:hover:after{left:120%}.nav-wrapper{z-index:1000;pointer-events:none;justify-content:center;width:100%;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.navbar-capsule{pointer-events:auto;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);width:auto;min-width:800px;max-width:95%;transition:var(--transition-smooth);border-top:1px solid #ffffff26;border-radius:100px;align-items:center;padding:.5rem 1.5rem;display:flex;box-shadow:0 20px 40px #0006,0 0 20px #8b5cf61a}.navbar-capsule.floating{border-color:#8b5cf64d;margin-top:-.5rem;padding:.4rem 1.2rem;transform:scale(.98);box-shadow:0 15px 30px #00000080,0 0 30px #8b5cf633}.nav-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex;border:none!important;outline:none!important}.logo-icon{filter:drop-shadow(0 0 8px #8b5cf64d);width:24px;height:24px}.logo:focus,.logo:active{box-shadow:none!important;outline:none!important}.nav-links{align-items:center;gap:2rem;display:flex}.profile-container{position:relative}.profile-trigger{width:40px;height:40px;color:var(--text-primary);cursor:pointer;border:1px solid var(--surface-border);transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-trigger:hover{border-color:var(--primary);background:#8b5cf61a}.profile-dropdown{z-index:1001;width:220px;box-shadow:var(--shadow-premium);background:var(--surface-color);border:1px solid var(--surface-border);border-radius:20px;padding:.75rem;position:absolute;top:calc(100% + 1rem);right:0}.dropdown-header{padding:.5rem .75rem}.user-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.dropdown-divider{background:var(--surface-border);height:1px;margin:.5rem 0}.dropdown-item{color:var(--text-primary);transition:var(--transition-smooth);text-align:left;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.75rem;font-size:.85rem;font-weight:500;display:flex}.dropdown-item:hover{color:var(--primary);background:#8b5cf61a}.dropdown-item.text-error{color:#ef4444}.dropdown-item.text-error:hover{background:#ef44441a}.nav-link{color:var(--text-secondary);transition:var(--transition-smooth);font-size:.9rem;font-weight:500}.nav-link:hover,.nav-link-btn:hover{color:var(--primary);text-shadow:0 0 10px #8b5cf666;transform:translateY(-1px)}.nav-link-btn{color:var(--text-secondary);transition:var(--transition-smooth);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.9rem;font-weight:500}.nav-link-btn:hover{color:var(--primary);text-shadow:0 0 10px #8b5cf666;transform:translateY(-1px)}.nav-divider{background:var(--surface-border);width:1px;height:16px}.theme-toggle{color:var(--text-secondary);transition:var(--transition-smooth);align-items:center;display:flex}.theme-toggle:hover{color:var(--text-primary);transform:rotate(15deg)}.nav-cta{padding:.5rem 1.25rem;font-size:.85rem}.nav-cta:hover{transform:scale(1.05);box-shadow:0 10px 25px #8b5cf64d}.mobile-menu-toggle{color:var(--text-primary);display:none}@media (width<=1024px){.navbar-capsule{min-width:90%}}@media (width<=768px){.desktop-only{display:none}.mobile-menu-toggle{display:block}.mobile-menu{width:260px;box-shadow:var(--shadow-premium);border:1px solid var(--surface-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;flex-direction:column;gap:1rem;margin-top:1rem;padding:1.25rem;display:flex;position:absolute;top:100%;right:0}.mobile-link,.mobile-link-btn{text-align:center;transition:var(--transition-smooth);color:var(--text-primary);border-radius:14px;padding:.75rem;font-size:1rem;font-weight:600}.mobile-link:hover,.mobile-link-btn:hover{color:var(--primary);background:#8b5cf61a;transform:translate(-5px)}.mobile-link-btn{text-align:center;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:1.1rem;font-weight:600}.theme-text{color:var(--primary);background:0 0;border:none}}.landing-page{background:var(--page-gradient);background-color:var(--bg-color);background-attachment:fixed;width:100%;padding-top:120px;overflow-x:hidden}.hero{text-align:center;flex-direction:column;align-items:center;padding:4rem 0;display:flex;position:relative}.hero-glow{display:none}.badge{background:var(--surface-color);border:1px solid var(--surface-border);letter-spacing:1.5px;color:var(--text-secondary);box-shadow:var(--shadow-premium);border-radius:100px;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.7rem;font-weight:600;display:inline-flex}.badge-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #22c55e}.hero-title{letter-spacing:-3px;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:1.1}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:650px;margin:0 auto 3rem;font-size:1.2rem;font-weight:400}.hero-actions{justify-content:center;gap:1.25rem;margin-bottom:5rem;display:flex}.hero-btn{min-width:180px}.join-box{z-index:10;-webkit-backdrop-filter:blur(32px);background:#ffffff0a;border:1px solid #ffffff26;border-radius:40px;max-width:650px;margin:0 auto;padding:3.5rem 3rem;position:relative;box-shadow:0 40px 100px #000000b3}.join-header{flex-direction:column;align-items:center;gap:1.25rem;margin-bottom:3rem;display:flex}.join-icon-wrapper{border:1px solid var(--primary);width:56px;height:56px;color:var(--primary);background:#8b5cf633;border-radius:20px;justify-content:center;align-items:center;display:flex;box-shadow:0 0 20px #8b5cf64d}.join-title{letter-spacing:3px;color:var(--text-primary);text-shadow:0 2px 10px #00000080;margin:0;font-size:1.5rem;font-weight:800}.join-input-wrapper{border:1px solid var(--surface-border);transition:var(--transition-smooth);background:#0000004d;border-radius:20px;gap:1rem;padding:.6rem;display:flex}.join-input-wrapper:focus-within{border-color:var(--primary);background:#00000080}.join-input{color:var(--text-primary);font-size:1.15rem;font-weight:600;font-family:var(--font-heading);background:0 0;border:none;outline:none;flex:1;padding:.75rem 1.25rem}.join-btn{background:var(--primary);color:#fff;border-radius:14px;align-items:center;gap:.6rem;padding:0 1.75rem;font-size:.9rem;font-weight:800;display:flex;box-shadow:0 4px 12px #8b5cf64d}.join-btn:hover{background:var(--primary-hover);transform:scale(1.02)}.join-text{color:var(--text-secondary);letter-spacing:1px;opacity:.6;margin-top:1.75rem;font-size:.75rem;font-weight:600}.visual-preview{margin:4rem auto 8rem}.chart-preview-card{box-shadow:var(--shadow-premium);background:var(--surface-color);border-radius:32px;padding:3rem}.chart-header{justify-content:space-between;align-items:flex-start;margin-bottom:3rem;display:flex}.status-badge{color:#22c55e;letter-spacing:1px;background:#22c55e1a;border-radius:100px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.7rem;font-weight:800;display:flex}.chart-main-area{gap:1.5rem;height:400px;display:flex}.y-axis-labels{color:var(--text-secondary);text-align:right;flex-direction:column;justify-content:space-between;width:40px;padding-bottom:1rem;font-size:.65rem;display:flex}.chart-frame{flex-direction:column;flex:1;display:flex;position:relative}.large-chart-container{z-index:2;flex:1;align-items:flex-end;gap:20px;padding:0 1rem;display:flex}.bar-wrapper{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.bar-tooltip{background:var(--surface-color);border:1px solid var(--primary);color:var(--primary);white-space:nowrap;pointer-events:none;z-index:10;border-radius:8px;padding:.25rem .5rem;font-size:.7rem;font-weight:800;position:absolute;top:-40px;box-shadow:0 4px 12px #8b5cf633}.chart-bar{background:linear-gradient(to top, var(--primary), var(--secondary));border-radius:8px 8px 0 0;width:100%;position:relative;box-shadow:0 10px 30px #8b5cf633}.x-axis-line{background:var(--primary);opacity:.3;height:1px;box-shadow:0 0 10px var(--primary);position:absolute;bottom:0;left:0;right:0}.y-axis-line{background:var(--primary);opacity:.3;width:1px;box-shadow:0 0 10px var(--primary);position:absolute;top:0;bottom:0;left:0}.x-axis-labels{color:var(--text-secondary);letter-spacing:1px;justify-content:space-between;padding:1.5rem 1rem 0 55px;font-size:.65rem;display:flex}.bar-glow{filter:blur(10px);background:radial-gradient(circle,#d8b4fe66 0%,#0000 70%);width:100%;height:40px;position:absolute;top:0;left:50%;transform:translate(-50%)}.latency-badge{text-align:left}.latency-label{color:var(--text-secondary);letter-spacing:1.5px;margin-bottom:.25rem;font-size:.7rem;font-weight:700}.latency-value{color:var(--primary);font-size:1rem;font-weight:700}.features{padding:4rem 0 10rem}.section-header{text-align:center;margin-bottom:5rem}.section-title{margin-bottom:1.25rem;font-size:2.75rem;font-weight:800}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;display:grid}.feature-card{text-align:left;box-shadow:var(--shadow-premium);border-radius:28px;padding:3rem}.feature-icon{width:56px;height:56px;color:var(--primary);background:#8b5cf61a;border-radius:16px;justify-content:center;align-items:center;margin-bottom:2rem;display:flex}.feature-title{margin-bottom:1.25rem;font-size:1.5rem;font-weight:700}.feature-description{color:var(--text-secondary);line-height:1.7}.footer{border-top:1px solid var(--surface-border);padding:6rem 0 3rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;margin-bottom:5rem;display:grid}.footer-logo{color:var(--text-primary);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800;display:flex}.footer-desc{color:var(--text-secondary);max-width:300px;margin-bottom:2rem;line-height:1.6}.social-links{color:var(--text-secondary);gap:1.5rem;display:flex}.social-links svg{cursor:pointer;transition:var(--transition-smooth)}.social-links svg:hover{color:var(--primary);transform:translateY(-3px)}.footer-heading{color:var(--text-primary);letter-spacing:1px;margin-bottom:1.5rem;font-size:.9rem;font-weight:700}.footer-links{flex-direction:column;gap:1rem;display:flex}.footer-links a{color:var(--text-secondary);transition:var(--transition-smooth);font-size:.95rem}.footer-links a:hover{color:var(--primary);padding-left:5px}.footer-bottom{border-top:1px solid var(--surface-border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding-top:2rem;font-size:.85rem;display:flex}.footer-status{color:#22c55e;align-items:center;gap:.5rem;font-weight:600;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:3rem}.large-chart-container{gap:10px}}@media (width<=768px){.landing-page{background-attachment:scroll;padding-top:100px}.hero{padding:2rem 1rem}.hero-title{letter-spacing:-1.5px;margin-bottom:1.5rem;font-size:3.25rem}.hero-subtitle{padding:0 1rem;font-size:1.1rem;line-height:1.6}.hero-actions{flex-direction:column;gap:1rem;margin-bottom:4rem;padding:0 1.5rem}.hero-btn{width:100%}.join-box{border-radius:32px;width:100%;margin-top:1rem;padding:2.5rem 1.5rem}.join-header{margin-bottom:2rem}.join-title{letter-spacing:2px;font-size:1.25rem}.join-input-wrapper{background:#0006;border-radius:24px;flex-direction:column;gap:.75rem;padding:1rem}.join-input{text-align:center;width:100%;padding:.75rem;font-size:1.1rem}.join-btn{border-radius:16px;justify-content:center;width:100%;padding:1.1rem;font-size:1rem}.join-text{margin-top:1.5rem;font-size:.65rem}.visual-preview{margin:2rem auto 5rem;padding:0 1rem}.chart-preview-card{border-radius:24px;padding:1.5rem}.chart-header{flex-direction:column;gap:1.5rem;margin-bottom:2rem}.chart-main-area{gap:.75rem;height:300px}.y-axis-labels{width:30px}.large-chart-container{gap:8px;padding:0 .5rem}.x-axis-labels{padding:1rem .5rem 0 35px;font-size:.6rem}.features{padding:3rem 1.5rem 6rem}.section-title{font-size:2.25rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{border-radius:24px;padding:2rem}.footer{padding:4rem 1.5rem 2rem}.footer-grid{text-align:center;grid-template-columns:1fr;gap:3rem}.footer-logo{justify-content:center}.footer-desc{margin:0 auto 2rem}.social-links{justify-content:center}.footer-links{align-items:center}.footer-bottom{text-align:center;flex-direction:column;gap:1.5rem;padding-bottom:2rem}}@media (width<=480px){.hero-title{font-size:2.75rem!important}.badge{white-space:normal;text-align:center;padding:.75rem 1.25rem;line-height:1.4}.join-box{padding:2rem 1.25rem}}.auth-page{background-color:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-container{width:100%;max-width:1100px;min-height:700px;box-shadow:var(--shadow-premium);border-radius:32px;grid-template-columns:1.1fr 1fr;display:grid;overflow:hidden}.auth-visual-section{flex-direction:column;justify-content:center;padding:4rem;display:flex;position:relative;overflow:hidden;color:#fff!important;background:#0a0a0a!important}.auth-visual-section.static-bg:before{content:"";opacity:.3;z-index:0;background:url(https://images.unsplash.com/photo-1635070041078-e363dbe005cb?auto=format&fit=crop&q=80&w=1000) 50%/cover no-repeat;position:absolute;inset:0}.visual-overlay{z-index:1;background:linear-gradient(90deg,#000000d9,#00000080);position:absolute;inset:0}.visual-content{z-index:2;text-align:left;max-width:400px;margin:0 auto;position:relative}.visual-badge{letter-spacing:1.5px;color:#d8b4fe;background:#8b5cf633;border:1px solid #8b5cf666;border-radius:100px;margin-bottom:1.5rem;padding:.4rem .8rem;font-size:.65rem;font-weight:700;display:inline-block}.auth-visual-section h2{color:#fff;margin-bottom:2.5rem;font-size:2.2rem;font-weight:800;line-height:1.3}.visual-stats{gap:3rem;display:flex}.stat-item{flex-direction:column;gap:.25rem;display:flex}.stat-label{color:#fff9;letter-spacing:1px;font-size:.7rem;font-weight:700}.auth-form-section{background:var(--surface-color);flex-direction:column;justify-content:center;padding:4rem;display:flex}.auth-header{margin-bottom:2.5rem}.back-link{color:var(--text-secondary);transition:var(--transition-smooth);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;display:flex}.back-link:hover{color:var(--primary);transform:translate(-5px)}.mt-2{margin-top:.5rem}.auth-logo{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:1.25rem;font-weight:800;display:flex}.auth-header h1{margin-bottom:.5rem;font-size:2rem;font-weight:800}.auth-header p{color:var(--text-secondary);font-size:.95rem}.auth-form{flex-direction:column;gap:1.5rem;display:flex}.input-group{flex-direction:column;gap:.75rem;display:flex}.label-row{justify-content:space-between;align-items:center;display:flex}.input-group label{letter-spacing:1px;color:var(--text-secondary);font-size:.7rem;font-weight:700}#forgot-link{color:var(--primary);font-size:.8rem;font-weight:500}.input-wrapper{border:1px solid var(--surface-border);height:52px;transition:var(--transition-smooth);border-radius:14px;align-items:center;gap:1rem;padding:0 1.25rem;display:flex;background:var(--bg-color)!important}.input-wrapper input{height:100%;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.auth-btn{height:52px;margin-top:1rem}.social-tile-row{justify-content:center;gap:1rem;display:flex}.social-tile{width:52px;height:52px;transition:var(--transition-smooth);color:var(--text-primary);border-radius:14px;justify-content:center;align-items:center;display:flex}.apple-logo{object-fit:contain;width:22px;height:22px}.dark-only{display:block}.light-only,[data-theme=light] .dark-only{display:none}[data-theme=light] .light-only{display:block}.social-tile:hover{border-color:var(--primary);background:var(--bg-color);transform:translateY(-3px)}.auth-divider{text-align:center;margin:1.5rem 0;position:relative}.auth-divider:before{content:"";background:var(--surface-border);z-index:0;height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{background:var(--surface-color);color:var(--text-secondary);letter-spacing:1px;z-index:1;padding:0 1rem;font-size:.65rem;font-weight:700;position:relative}.terms-check{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.8rem;display:flex}.terms-check a{color:var(--primary);font-weight:600}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:2.5rem;font-size:.9rem}.auth-footer a{color:var(--primary);font-weight:600}@media (width<=900px){.auth-container{grid-template-columns:1fr;max-width:500px}.auth-visual-section{display:none}.auth-form-section{padding:3rem 2rem}}.text-center{text-align:center}.align-center{align-items:center}.justify-center{justify-content:center}.mt-4{margin-top:1rem}.max-w-300{max-width:320px;margin-left:auto;margin-right:auto}.success-icon-wrapper{background:#8b5cf61a;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 1.5rem;display:flex}.resend-text{color:var(--text-secondary);letter-spacing:.5px;margin-top:1.5rem;font-size:.7rem}.resend-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-left:.5rem;padding:0;font-weight:700;text-decoration:underline}.error-message.global{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem;font-size:.85rem;display:flex}.input-wrapper.error{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef44441a!important}.field-error{color:#ef4444;margin-top:.25rem;font-size:.7rem;font-weight:600}.name-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.spinner{animation:1s linear infinite spin}[disabled]{opacity:.7;cursor:not-allowed}.dashboard-page{background:var(--page-gradient);background-color:var(--bg-color);background-attachment:fixed;min-height:100vh;padding-top:120px}.dashboard-container{max-width:1200px;margin:0 auto;padding:0 2rem 4rem}.dashboard-header{justify-content:space-between;align-items:flex-end;margin-bottom:3rem;display:flex}.welcome-text h1{margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.welcome-text p{color:var(--text-secondary);font-size:1.1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:4rem;display:grid}.stat-card{transition:var(--transition-smooth);background:#ffffff08;border:1px solid #ffffff1f;border-radius:24px;align-items:center;gap:1.25rem;padding:1.5rem;display:flex;box-shadow:0 10px 30px #0000004d,0 0 20px #ffffff0d}.stat-card:hover{border-color:var(--primary);background:#8b5cf61a;transform:translateY(-5px);box-shadow:0 15px 40px #0006,0 0 30px #8b5cf633,0 0 10px #ffffff1a}.stat-icon{width:54px;height:54px;color:var(--primary);background:#8b5cf61a;border-radius:16px;justify-content:center;align-items:center;display:flex}.stat-info .stat-value{font-size:1.75rem;font-weight:800;line-height:1.2;display:block}.stat-info .stat-label{color:var(--text-secondary);letter-spacing:1px;font-size:.75rem;font-weight:700}.section-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.section-header h2{font-size:1.5rem;font-weight:800}.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;display:grid}.quiz-card{transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;gap:1.5rem;padding:1.75rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006,0 0 15px #ffffff08}.quiz-card:hover{border-color:var(--primary);background:#8b5cf60d;transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px #0009,0 0 30px #8b5cf626,0 0 20px #ffffff0d}.dashboard-page button{box-shadow:0 4px 15px #0000004d}.dashboard-page .btn-primary{border:1px solid #fff3;box-shadow:0 0 20px #8b5cf64d,0 0 10px #ffffff26}.quiz-card:after{content:"";background:linear-gradient(to right, var(--primary), var(--accent));opacity:0;height:4px;transition:var(--transition-smooth);position:absolute;top:0;left:0;right:0}.quiz-card:hover:after{opacity:1}.quiz-card-header{justify-content:space-between;align-items:flex-start;display:flex}.quiz-badge{color:var(--primary);letter-spacing:.5px;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:100px;padding:.35rem .75rem;font-size:.65rem;font-weight:700}.quiz-card-body h3{margin-bottom:.5rem;font-size:1.25rem;font-weight:800;line-height:1.4}.quiz-card-body p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.quiz-card-footer{gap:1rem;margin-top:auto;display:flex}.quiz-card-footer button{flex:1}.create-card{border:2px dashed var(--surface-border);color:var(--text-secondary);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:250px;display:flex}.create-card:hover{border-color:var(--primary);color:var(--primary);background:#8b5cf605}.create-card .plus-icon{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.delete-btn{color:var(--text-secondary);opacity:0;transition:var(--transition-smooth)}.quiz-card:hover .delete-btn{opacity:.6}.delete-btn:hover{transform:scale(1.1);color:#ff4d4d!important;opacity:1!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.delete-modal{text-align:center;border:1px solid #ffffff1a;border-radius:32px;width:100%;max-width:450px;padding:2.5rem}.modal-icon.warning{color:#ef4444;background:#ef44441a;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.5rem;display:flex}.delete-modal h2{margin-bottom:1rem;font-size:1.75rem;font-weight:800}.delete-modal p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.btn-danger{color:#fff!important;background:#ef4444!important}.btn-danger:hover{background:#dc2626!important;box-shadow:0 0 20px #ef444466!important}@media (width<=768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.welcome-text h1{font-size:2rem}.quiz-grid{grid-template-columns:1fr}.delete-btn{opacity:1}}.tabs-container{border-bottom:1px solid #ffffff1a;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:.5rem;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:.75rem 1rem;font-size:.9rem;font-weight:700;position:relative}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--primary)}.tab-btn.active:after{content:"";background:var(--primary);height:3px;box-shadow:0 0 10px var(--primary);border-radius:10px 10px 0 0;position:absolute;bottom:-.5rem;left:0;right:0}.quiz-history .section-header{margin-bottom:2rem}.sub-label{color:var(--primary);opacity:.8;font-size:.65rem}.history-list{flex-direction:column;gap:1.25rem;display:flex}.history-folder{transition:var(--transition-smooth);border-radius:20px;padding:0;overflow:hidden}.folder-header{cursor:pointer;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.folder-info{align-items:center;gap:1.25rem;display:flex}.folder-icon{width:44px;height:44px;color:var(--primary);background:#8b5cf61a;border-radius:12px;justify-content:center;align-items:center;display:flex}.folder-info h3{margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.id-tag{opacity:.5;font-size:.7rem}.folder-actions{color:var(--text-secondary);transition:transform .3s}.rotate-90{transform:rotate(90deg)}.history-folder.expanded{border-color:var(--primary);background:#ffffff0a}.sessions-container{background:#0003;border-top:1px solid #ffffff0d}.sessions-list{flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.session-item{transition:var(--transition-smooth);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.session-item:hover{background:#ffffff0d;transform:translate(5px)}.session-meta{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.time-tag{background:#ffffff0d;border-radius:4px;padding:2px 8px;font-size:.75rem}.session-action{color:var(--primary);opacity:0;transition:var(--transition-smooth);align-items:center;gap:.5rem;font-size:.7rem;display:flex;transform:translate(-10px)}.session-item:hover .session-action{opacity:1;transform:translate(0)}.empty-history{text-align:center;color:var(--text-secondary);border-radius:32px;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem;display:flex}.empty-history h3{color:#fff;font-size:1.5rem}.tab-loading{justify-content:center;padding:4rem;display:flex}.quiz-creator-page{background:var(--page-gradient);background-color:var(--bg-color);min-height:100vh;color:var(--text-primary);background-attachment:fixed;flex-direction:column;display:flex}.creator-nav{border-bottom:1px solid var(--surface-border);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121212cc;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:1.5rem;display:flex}.auth-toggle-group{border-right:1px solid var(--surface-border);align-items:center;gap:.75rem;margin-right:1.5rem;padding-right:1.5rem;display:flex}.auth-toggle-group span{color:var(--text-secondary);font-size:.65rem;font-weight:800}.auth-toggle{border:1px solid var(--surface-border);cursor:pointer;width:48px;height:24px;transition:var(--transition-smooth);background:#ffffff0d;border-radius:100px;position:relative}.auth-toggle.active{border-color:var(--primary);background:#8b5cf633}.toggle-handle{background:var(--text-secondary);width:18px;height:18px;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:2px;left:2px}.auth-toggle.active .toggle-handle{background:var(--primary);box-shadow:0 0 10px var(--primary);left:26px}.rotate-180{transform:rotate(180deg)}.quiz-title-input{color:var(--text-primary);background:0 0;border:none;outline:none;min-width:300px;font-size:1.25rem;font-weight:700}.quiz-title-input::placeholder{color:var(--text-secondary);opacity:.5}.creator-main{flex:1;grid-template-columns:320px 1fr;display:grid;overflow:hidden}.questions-sidebar{border-right:1px solid var(--surface-border);background:#ffffff05;flex-direction:column;display:flex;overflow:hidden}.sidebar-header{justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.sidebar-header h2{letter-spacing:1px;color:var(--text-secondary);font-size:.85rem;font-weight:800}.question-list{flex:1;padding:0 1rem 2rem;overflow-y:auto}.question-item{text-align:left;width:100%;transition:var(--transition-smooth);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;gap:1rem;margin-bottom:.75rem;padding:1rem;display:flex}.question-item.active{background:#8b5cf61a;border-color:#8b5cf64d}.q-num{color:var(--primary);font-size:.9rem;font-weight:800}.q-preview{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.add-q-btn{border:2px dashed var(--surface-border);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin:1rem;padding:.75rem;display:flex}.add-q-btn:hover{border-color:var(--primary);color:var(--primary);background:#8b5cf605}.editor-canvas{flex-direction:column;align-items:center;padding:4rem;display:flex;overflow-y:auto}.question-editor-card{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:32px;width:100%;max-width:800px;padding:3rem;box-shadow:0 20px 40px #0003}.editor-field label{color:var(--text-secondary);letter-spacing:1px;margin-bottom:1rem;font-size:.75rem;font-weight:800;display:block}.q-text-input{border:1px solid var(--surface-border);width:100%;color:var(--text-primary);transition:var(--transition-smooth);background:#ffffff08;border-radius:20px;outline:none;margin-bottom:3rem;padding:1.5rem;font-size:1.5rem;font-weight:700}.q-text-input:focus{border-color:var(--primary);background:#8b5cf60d}.options-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.option-input-wrapper{align-items:center;gap:.75rem;display:flex;position:relative}.option-input{border:1px solid var(--surface-border);color:var(--text-primary);transition:var(--transition-smooth);background:#ffffff08;border-radius:16px;outline:none;flex:1;padding:1.25rem 1.25rem 1.25rem 3.5rem;font-size:1rem}.option-input:focus{border-color:var(--primary)}.option-toggle{border:2px solid var(--surface-border);cursor:pointer;width:24px;height:24px;transition:var(--transition-smooth);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;left:1rem}.option-input-wrapper.correct .option-input{background:#10b9810d;border-color:#10b981}.option-input-wrapper.correct .option-toggle{color:#fff;background:#10b981;border-color:#10b981}.editor-settings{border-top:1px solid var(--surface-border);gap:2rem;margin-top:3rem;padding-top:2rem;display:flex}.setting-item{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;display:flex}.setting-select{background:var(--surface-color);border:1px solid var(--surface-border);color:var(--text-primary);cursor:pointer;appearance:none;transition:var(--transition-smooth);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border-radius:12px;outline:none;padding:.5rem 2.5rem .5rem 1rem;font-weight:600}.setting-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #8b5cf633}.setting-select option{background:var(--surface-color);color:var(--text-primary);padding:1rem}.setting-input-wrapper{border:1px solid var(--surface-border);transition:var(--transition-smooth);background:#ffffff0d;border-radius:12px;align-items:center;gap:.5rem;padding:.4rem .8rem;display:flex}.setting-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #8b5cf633}.setting-num-input{color:var(--text-primary);text-align:right;background:0 0;border:none;outline:none;width:60px;font-size:.95rem;font-weight:700}.unit-suffix{color:var(--primary);opacity:.8;letter-spacing:.5px;font-size:.8rem;font-weight:800}.setting-num-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.setting-num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.setting-column{flex-direction:column;gap:.4rem;display:flex}.error-text{color:#ef4444;margin-top:.2rem;font-size:.7rem;font-weight:600}.add-option-btn{border:2px dashed var(--surface-border);color:var(--text-secondary);transition:var(--transition-smooth);cursor:pointer;border-radius:16px;grid-column:span 2;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;font-weight:700;display:flex}.add-option-btn:hover{border-color:var(--primary);color:var(--primary);background:#8b5cf60d}.remove-option-btn{color:var(--text-secondary);transition:var(--transition-smooth);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:flex}.remove-option-btn:hover{color:#ef4444;background:#ef44441a}.visibility-badge{color:var(--primary);cursor:pointer;transition:var(--transition-smooth);background:#8b5cf61a;border:1px solid #0000;border-radius:100px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.65rem;display:flex}.visibility-badge:hover{background:#8b5cf633;transform:translateY(-1px)}.visibility-badge:active{transform:scale(.95)}.badge-wrapper{position:relative}.badge-tooltip{z-index:1000;text-align:left;border:1px solid #ffffff1a;border-radius:20px;width:220px;padding:1.25rem;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 10px 30px #0006}.badge-tooltip h4{color:var(--primary);letter-spacing:.5px;margin-bottom:.5rem;font-size:.85rem;font-weight:800}.badge-tooltip p{color:var(--text-secondary);margin:0;font-size:.75rem;line-height:1.5}.modal-overlay{-webkit-backdrop-filter:blur(8px)saturate(1.5);z-index:1000;background:#0a0a0a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf626,#0000);position:absolute;inset:0}.modal-card{text-align:center;border-radius:32px;width:100%;max-width:440px;padding:3rem;box-shadow:0 30px 60px #00000080}.modal-icon-wrapper{background:#ef44441a;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 2rem;display:flex}.modal-card h3{margin-bottom:1rem;font-size:1.5rem;font-weight:800}.modal-card p{color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}.modal-actions{gap:1rem;display:flex}.modal-actions button{flex:1}@media (width<=1024px){.creator-main{grid-template-columns:80px 1fr}.q-preview,.sidebar-header h2,.sidebar-header .btn{display:none}.question-item{justify-content:center;padding:1rem 0}}.lobby-page{background-color:var(--bg-color);color:#fff;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.lobby-bg-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);width:80vw;height:80vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lobby-loading{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100vh;display:flex}.lobby-header{z-index:10;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex}.header-left{align-items:center;gap:2rem;display:flex}.quiz-title-box h1{background:linear-gradient(to right, #fff, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.75rem;font-weight:800}.player-counter{border-radius:100px;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.player-counter .count{color:var(--primary);font-size:1.5rem;font-weight:800}.lobby-main{z-index:5;flex:1;grid-template-columns:400px 1fr;gap:3rem;padding:3rem;display:grid}.lobby-info{flex-direction:column;gap:2rem;display:flex}.pin-card{text-align:center;border-radius:32px;padding:3rem 2rem}.pin-display{letter-spacing:4px;justify-content:center;gap:.5rem;margin:1.5rem 0;font-family:Space Mono,monospace;font-size:3.5rem;font-weight:900;display:flex}.pin-display span{color:var(--primary);text-shadow:0 0 30px #8b5cf680;display:inline-block}.start-card{text-align:center;border-radius:32px;padding:2rem}.status-indicator{color:var(--text-secondary);justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.9rem;display:flex}.pulse-dot{background:#10b981;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse}.btn-start{width:100%;padding:1.25rem!important;font-size:1.25rem!important;font-weight:800!important;box-shadow:0 0 30px #8b5cf666!important}.player-arena{flex-direction:column;gap:1.5rem;display:flex}.grid-header{letter-spacing:2px;color:var(--text-secondary);padding-left:1rem;font-size:.8rem}.player-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem;padding:1rem;display:grid}.player-token{flex-direction:column;align-items:center;gap:.75rem;display:flex}.avatar-circle{border:2px solid #ffffff1a;border-radius:28px;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;display:flex;position:relative;box-shadow:0 10px 20px #0000004d}.player-token.empty .avatar-circle{background:#ffffff08;border:2px dashed #ffffff1a}.player-name{color:#fff;font-size:.9rem;font-weight:600}.name-skeleton{background:#ffffff0d;border-radius:4px;width:60px;height:8px}.host-badge{color:#000;background:#facc15;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 0 15px #facc1580}.player-view{justify-content:center;align-items:center;padding:2rem}.player-lobby-content{flex-direction:column;gap:2rem;width:100%;max-width:450px;display:flex}.player-status-card{text-align:center;border-radius:40px;padding:3rem 2rem}.status-badge{color:#10b981;background:#10b9811a;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.75rem;display:inline-flex}.player-avatar-large{border-radius:40px;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 1.5rem;font-size:4rem;display:flex;box-shadow:0 20px 40px #0006}.player-hero h2{margin-bottom:.5rem;font-size:2.5rem;font-weight:900}.avatar-title{color:var(--text-secondary);letter-spacing:2px;font-size:.8rem}.lobby-waiting-message{margin-top:3rem}.loading-dots span{background:var(--primary);border-radius:50%;width:8px;height:8px;margin:0 4px;animation:1.5s infinite dotPulse;display:inline-block}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.player-lobby-stats{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.mini-stat{color:var(--text-secondary);border-radius:24px;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;font-size:.85rem;display:flex}.mini-stat span{font-weight:600}.join-view{justify-content:center;align-items:center;padding:1.5rem}.join-container{text-align:center;flex-direction:column;gap:2.5rem;width:100%;max-width:480px;display:flex}.join-header .icon-box{border-radius:30px;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 1.5rem;display:flex}.join-header h1{margin:.5rem 0;font-size:2.5rem;font-weight:900}.join-form{border-radius:40px;flex-direction:column;gap:2rem;padding:3rem 2rem;display:flex}.input-group{text-align:left;flex-direction:column;gap:1rem;display:flex}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);position:absolute;left:1.5rem}.join-form input{color:#fff;width:100%;transition:var(--transition-smooth);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;padding:1.25rem 1.5rem 1.25rem 3.5rem;font-size:1.1rem;font-weight:600}.join-form input:focus{border-color:var(--primary);background:#8b5cf60d;outline:none;box-shadow:0 0 20px #8b5cf633}.input-hint{color:var(--text-secondary);padding-left:.5rem;font-size:.75rem}.btn-large{padding:1.25rem!important;font-size:1.1rem!important}.join-footer{color:var(--text-secondary);opacity:.6;justify-content:center;align-items:center;gap:.5rem;font-size:.7rem;display:flex}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.arena-particles{pointer-events:none;z-index:1;position:absolute;inset:0}.particle{color:var(--primary);opacity:.1;position:absolute}.p1{top:15%;left:10%}.p2{top:70%;right:15%}.p3{bottom:10%;left:20%}@media (width<=900px){.lobby-main{grid-template-columns:1fr}}:root{--opt-a:#ff4757;--opt-b:#1e90ff;--opt-c:#ffa502;--opt-d:#2ed573}.game-arena{color:#fff;background:#0a0a0c;flex-direction:column;gap:2rem;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.game-arena:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);width:150%;height:150%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.question-container{z-index:1;text-align:center;max-width:900px;margin:2rem auto 0;position:relative}.question-text{text-shadow:0 4px 20px #0000004d;margin-bottom:2rem;font-size:2.5rem;font-weight:800;line-height:1.2}.timer-container{z-index:1;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto;display:flex;position:relative}.timer-svg{width:100%;height:100%;position:absolute;transform:rotate(-90deg)}.timer-bg{fill:none;stroke:#ffffff1a;stroke-width:8px}.timer-progress{fill:none;stroke:var(--primary);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.timer-text{color:#fff;text-shadow:0 0 15px var(--primary);font-size:2.5rem;font-weight:900}.options-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;max-width:1000px;margin:0 auto;display:grid}@media (width<=768px){.options-grid{flex-direction:column;gap:1rem;padding:0 1rem;display:flex}.option-btn{border-radius:16px!important;padding:1.2rem 1rem!important}.option-label{width:36px!important;height:36px!important;font-size:1rem!important}.option-content{font-size:1.1rem!important}.question-text{padding:0 1rem;font-size:1.8rem!important}}.option-btn{cursor:pointer;text-align:left;background:#0006;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:1.2rem;padding:2rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.option-btn:hover{background:#0009;border-color:#ffffff4d;transform:translateY(-3px)}.option-btn.selected{border-color:var(--primary);background:#8b5cf666;box-shadow:0 0 40px #8b5cf680}.option-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;transition:none;position:absolute;top:0;left:-100%}.option-btn.selected:after{animation:3s linear infinite shine}.option-btn.dimmed{opacity:.3;filter:grayscale(.8);transform:scale(.98)}.status-banner{z-index:100;pointer-events:none;justify-content:center;width:100%;display:flex;position:fixed;top:1.5rem;left:0}.status-banner-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e0e0e0;background:#000c;border:1px solid #8b5cf64d;border-radius:50px;align-items:center;gap:10px;padding:.6rem 1.5rem;font-size:.95rem;display:flex;box-shadow:0 10px 30px #00000080}.status-banner-content strong{color:#8b5cf6}.option-label{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:900;display:flex}.opt-a{background:var(--opt-a)}.opt-b{background:var(--opt-b)}.opt-c{background:var(--opt-c)}.opt-d{background:var(--opt-d)}.option-content{color:#fff;text-shadow:0 2px 4px #00000080;font-size:1.4rem;font-weight:600}.option-btn.correct-reveal{z-index:2;transform:scale(1.05);opacity:1!important;filter:none!important;background:#2ed5734d!important;border-color:#2ed573!important;box-shadow:0 0 40px #2ed57366!important}.option-btn.wrong-reveal{z-index:1;opacity:1!important;filter:none!important;background:#ff47574d!important;border-color:#ff4757!important;box-shadow:0 0 40px #ff475766!important}.success-text{color:#2ed573!important;border-color:#2ed573!important}.error-text{color:#ff4757!important;border-color:#ff4757!important}.status-banner-content.success-text span,.status-banner-content.success-text strong{color:#2ed573!important}.status-banner-content.error-text span,.status-banner-content.error-text strong{color:#ff4757!important}.submit-container{z-index:100;justify-content:center;width:100%;padding:0 1rem;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.btn-submit-game{text-transform:uppercase;letter-spacing:2px;min-width:200px;border-radius:50px!important;width:auto!important;padding:1rem 2.5rem!important;font-size:1.1rem!important;box-shadow:0 10px 30px #8b5cf666!important}.btn-submit-game:not(:disabled){animation:2s infinite pulse-glow}@keyframes pulse-glow{0%{box-shadow:0 0 #8b5cf6b3}70%{box-shadow:0 0 0 15px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.btn-skip-high{background:var(--primary)!important;color:#fff!important;border:none!important;padding:.8rem 2rem!important;font-weight:800!important;transition:all .3s!important;box-shadow:0 0 20px #8b5cf666!important}.btn-skip-high:hover{transform:scale(1.05);box-shadow:0 0 30px #8b5cf699!important}.host-chart-container{z-index:1;background:0 0;flex:1;justify-content:center;align-items:flex-end;gap:3rem;width:100%;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex;position:relative}.chart-column{flex-direction:column;flex:1;align-items:center;gap:1rem;display:flex}.chart-bar{border:1px solid #ffffff1a;border-radius:20px 20px 8px 8px;width:100%;min-height:10px;position:relative;box-shadow:0 15px 40px #0006}.chart-count{color:#fff;font-size:1.8rem;font-weight:900;position:absolute;top:-50px;left:50%;transform:translate(-50%)}.chart-label{border-radius:10px;padding:.5rem 1.5rem;font-size:1.2rem;font-weight:800}.podium-view{padding-top:5rem!important}.podium-header{text-align:center;z-index:2;margin-bottom:5rem;padding-top:2rem;position:relative}.podium-trophy{background:#ffd7001a;border:2px solid #ffd7004d;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 2rem;display:flex;box-shadow:0 0 60px #ffd70033}.podium-container{z-index:1;justify-content:center;align-items:flex-end;gap:2rem;height:420px;padding:2rem 2rem 1rem;display:flex;position:relative}.podium-spot{flex-direction:column;align-items:center;width:200px;display:flex}.podium-base{color:#fff3;background:linear-gradient(#ffffff1a,#0000);border-top:1px solid #fff3;border-radius:20px 20px 0 0;justify-content:center;align-items:center;width:100%;font-size:3rem;font-weight:900;display:flex}.spot-1 .podium-base{background:linear-gradient(#ffd7004d,#0000);height:200px}.spot-2 .podium-base{background:linear-gradient(#c0c0c04d,#0000);height:140px}.spot-3 .podium-base{background:linear-gradient(#cd7f324d,#0000);height:90px}.winner-avatar{z-index:2;border:5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:1.5rem;font-size:3.5rem;display:flex;position:relative;box-shadow:0 0 40px #ffffff4d}.winner-info{text-align:center;z-index:2;margin-bottom:1.5rem;position:relative}.winner-name{font-size:1.2rem;font-weight:800}.winner-score{color:var(--primary);font-weight:900}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shine{0%{left:-100%}to{left:100%}}.arena-wrapper{background:radial-gradient(circle,#1a1a2e 0%,#080810 100%);flex-direction:column;align-items:center;min-height:100vh;padding:0 1rem;display:flex;position:relative;overflow-x:hidden}.arena-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10;background:#0f0f1a99;border:1px solid #8b5cf633;border-radius:24px;width:100%;max-width:1100px;margin-top:2rem;padding:1.2rem 2.5rem}.header-content{justify-content:space-between;align-items:center;display:flex}.arena-badge{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:50px;align-items:center;gap:8px;padding:6px 12px;display:flex}.game-id-info{text-align:center}.game-id-info .label{color:#8b5cf6;letter-spacing:3px;margin-bottom:2px;font-size:.75rem;font-weight:700;display:block}.id-text{color:#fff;letter-spacing:1px;margin:0;font-size:2.2rem;font-weight:900}.stat-pill{background:#ffffff0d;border-radius:50px;align-items:center;gap:10px;padding:8px 16px;display:flex}.arena-main{z-index:5;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.setup-card,.waiting-card{text-align:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#0f0f1acc;border:1px solid #ffffff1a;border-radius:40px;width:100%;max-width:480px;padding:3.5rem 2.5rem;box-shadow:0 25px 50px -12px #00000080}.card-header h2{color:#fff;margin:1.2rem 0 .5rem;font-size:2.4rem;font-weight:800}.input-section{margin:2.5rem 0}.premium-input{color:#fff;text-align:center;background:#ffffff0a;border:2px solid #8b5cf64d;border-radius:20px;outline:none;width:100%;padding:1.4rem;font-size:1.4rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-input:focus{background:#ffffff12;border-color:#8b5cf6;transform:scale(1.02);box-shadow:0 0 30px #8b5cf64d}.btn-enter-arena{text-transform:uppercase;letter-spacing:2px;width:100%;border-radius:20px!important;padding:1.4rem!important;font-size:1.2rem!important;font-weight:800!important}.identity-reveal{flex-direction:column;align-items:center;gap:2rem;margin-bottom:3rem;display:flex}.reveal-avatar{border:4px solid #ffffff1a;border-radius:40px;justify-content:center;align-items:center;width:140px;height:140px;font-size:5rem;display:flex;box-shadow:0 20px 40px #0006}.reveal-text h2{color:#fff;margin-top:.8rem;font-size:2.2rem}.loader-bar{background:#ffffff0d;border-radius:100px;width:100%;height:8px;margin-bottom:1rem;overflow:hidden}.loader-fill{background:linear-gradient(90deg,#8b5cf6,#d946ef);height:100%;box-shadow:0 0 20px #8b5cf699}.others-connected{border-top:1px solid #ffffff1a;margin-top:3rem;padding-top:2rem}.mini-avatars{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:1.5rem;display:flex}.mini-avatar-dot{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;transition:transform .2s;display:flex}.mini-avatar-dot:hover{transform:translateY(-5px)}@media (width<=600px){.arena-header{margin-top:1rem;padding:1rem 1.5rem}.id-text{font-size:1.6rem}.setup-card,.waiting-card{padding:2rem 1.5rem}.card-header h2{font-size:1.8rem}}.podium-footer{justify-content:center;width:100%;margin-top:4rem;padding-bottom:4rem;display:flex}.btn-next-step{text-transform:uppercase;letter-spacing:2px;min-width:280px;border-radius:50px!important;padding:1.2rem 3rem!important;font-size:1.3rem!important;font-weight:800!important;box-shadow:0 10px 40px #8b5cf680!important}.leaderboard-list{border-radius:32px;flex-direction:column;gap:12px;width:100%;max-width:800px;margin:3rem auto;padding:2rem;display:flex}.list-header{opacity:.6;letter-spacing:2px;grid-template-columns:80px 1fr 120px;padding:0 1.5rem 1rem;font-size:.8rem;display:grid}.list-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;grid-template-columns:80px 1fr 120px;align-items:center;padding:1.2rem 1.5rem;transition:all .3s;display:grid}.list-item:hover{background:#ffffff0f;border-color:#8b5cf64d;transform:translate(10px)}.list-item .rank{color:#fff6;font-size:1.4rem;font-weight:900}.list-item .name{color:#fff;font-size:1.2rem;font-weight:700}.list-item .score{color:var(--primary);text-align:right;font-size:1.2rem;font-weight:800}.host-lobby-grid{justify-content:center;align-items:flex-start;gap:2rem;width:100%;max-width:1100px;display:flex}.host-join-card,.roster-card{flex-direction:column;flex:1;min-height:400px;display:flex}.join-action-box{flex-direction:column;gap:2rem;margin-top:2rem;display:flex}.pin-reveal{background:#ffffff08;border:1px dashed #8b5cf64d;border-radius:20px;padding:1.5rem}.big-pin{color:#8b5cf6;letter-spacing:10px;text-shadow:0 0 30px #8b5cf666;font-size:3.5rem;font-weight:900}.roster-grid{flex-wrap:wrap;justify-content:center;gap:1rem;max-height:300px;margin-top:1.5rem;padding:.5rem;display:flex;overflow-y:auto}.roster-item{flex-direction:column;align-items:center;gap:5px;width:80px;display:flex}.roster-avatar{border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.roster-name{white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;font-size:.75rem;font-weight:600;overflow:hidden}.arena-footer{z-index:20;position:fixed;bottom:2rem}.btn-ignite-session{letter-spacing:2px;border-radius:50px!important;padding:1.2rem 3rem!important;font-size:1.2rem!important;font-weight:800!important;box-shadow:0 10px 40px #8b5cf666!important}.empty-roster{opacity:.5;margin-top:3rem}.roster-grid::-webkit-scrollbar{width:6px}.roster-grid::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:10px}@media (width<=900px){.host-lobby-grid{flex-direction:column;align-items:center}.host-join-card,.roster-card{width:100%;max-width:480px}}.correct-answer-reveal.prominent{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #2ed57380;border-radius:24px;flex-direction:column;align-items:center;gap:.8rem;max-width:500px;margin:1.5rem auto 0;padding:1.2rem 3rem;display:flex;box-shadow:0 0 60px #2ed57333;background:#2ed57326!important}.correct-answer-reveal.prominent .nerdy-text{letter-spacing:4px;opacity:.8;font-size:.75rem;font-weight:800;color:#2ed573!important}.correct-answer-reveal.prominent .reveal-content{color:#fff;justify-content:center;align-items:center;font-size:2.5rem;font-weight:900;display:flex}.correct-answer-reveal.prominent .answer-text{color:#000;text-shadow:none;background:#2ed573;border-radius:12px;padding:.2rem 1.2rem}.podium-container-wrapper{width:100%;height:100%;position:relative}.final-actions-overlay{z-index:100;position:fixed;bottom:2rem;right:2rem}.btn-download-report{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#8b5cf6!important;background:#8b5cf61a!important;border:1px solid #8b5cf64d!important;padding:.8rem 1.5rem!important;font-weight:700!important}.btn-download-report:hover{transform:scale(1.05);background:#8b5cf633!important}.personal-result-view{justify-content:center;align-items:center;padding:2rem;display:flex}.personal-card{text-align:center;border-radius:40px;width:100%;max-width:450px;padding:3rem 2rem;background:#0f0f1acc!important;border:1px solid #8b5cf64d!important}.result-header h1{margin-bottom:2rem;font-size:2.5rem;font-weight:900}.stats-main{flex-direction:column;gap:1.5rem;display:flex}.stat-big{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:30px;padding:2rem}.stat-big .label{letter-spacing:4px;color:#8b5cf6;margin-bottom:.5rem;font-size:.8rem;display:block}.stat-big .value{font-size:5rem;font-weight:900;line-height:1}.stat-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.stat-mini{border-radius:24px;flex-direction:column;gap:5px;padding:1.2rem;display:flex}.stat-mini .label{letter-spacing:2px;opacity:.7;font-size:.65rem}.stat-mini .value{font-size:1.8rem;font-weight:800}.results-page{background:var(--page-gradient);background-color:var(--bg-color);background-attachment:fixed;min-height:100vh;padding-top:100px}.results-container{max-width:1000px;margin:0 auto;padding:0 2rem 5rem}.results-header{margin-bottom:3rem}.header-main{text-align:center;margin-top:2rem}.header-main h1{background:linear-gradient(to right, #fff, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:900}.header-meta{color:var(--text-secondary);justify-content:center;gap:2rem;font-size:.8rem;display:flex}.meta-item{align-items:center;gap:.5rem;display:flex}.stats-overview{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:4rem;display:grid}.stat-box{background:#ffffff08;border-radius:24px;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex}.stat-icon-gold{color:#fbbf24}.stat-icon-blue{color:#3b82f6}.stat-content{flex-direction:column;display:flex}.stat-label{color:var(--text-secondary);letter-spacing:1px;font-size:.7rem}.stat-value{color:#fff;font-size:1.5rem;font-weight:800}.podium-section{margin-bottom:5rem;padding-top:2rem}.podium-container{justify-content:center;align-items:flex-end;gap:1rem;height:400px;display:flex}.podium-step{border-bottom:none;border-radius:24px 24px 0 0;flex-direction:column;flex:1;align-items:center;max-width:200px;padding-top:2rem;display:flex;position:relative}.step-1{z-index:3;background:#fbbf240d;border-color:#fbbf244d;height:100%}.step-2{z-index:2;background:#9ca3af0d;border-color:#9ca3af4d;height:80%}.step-3{z-index:1;background:#b453090d;border-color:#b453094d;height:65%}.podium-avatar-wrapper{margin-bottom:1.5rem;position:relative}.podium-avatar{border:4px solid var(--surface-border);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:800;display:flex;overflow:hidden}.podium-avatar img{object-fit:cover;width:100%;height:100%}.step-1 .podium-avatar{border-color:#fbbf24;box-shadow:0 0 20px #fbbf244d}.step-2 .podium-avatar{border-color:#9ca3af}.step-3 .podium-avatar{border-color:#b45309}.rank-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:800;display:flex;position:absolute;bottom:-5px;right:-5px}.badge-1{color:#000;background:#fbbf24}.badge-2{background:#9ca3af}.badge-3{background:#b45309}.podium-info{text-align:center;padding:0 1rem}.podium-name{white-space:nowrap;text-overflow:ellipsis;max-width:150px;margin-bottom:.5rem;font-size:1.1rem;font-weight:800;overflow:hidden}.podium-score{color:var(--primary);font-size:.8rem;font-weight:700}.section-title-wrapper{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.section-title-wrapper .line{background:#ffffff1a;flex:1;height:1px}.leaderboard-table-wrapper{border-radius:24px;overflow:hidden}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table th{text-align:left;color:var(--text-secondary);letter-spacing:1px;background:#ffffff08;padding:1.25rem 1.5rem;font-size:.7rem}.leaderboard-table td{border-bottom:1px solid #ffffff0d;padding:1.25rem 1.5rem}.rank-num{color:var(--text-secondary);font-size:1.1rem;font-weight:800}.rank-num.top-1{color:#fbbf24}.rank-num.top-2{color:#9ca3af}.rank-num.top-3{color:#b45309}.player-cell{align-items:center;gap:1rem;display:flex}.player-mini-avatar{background:var(--surface);border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex;overflow:hidden}.player-mini-avatar img{object-fit:cover;width:100%;height:100%}.player-alias{font-weight:600}.score-cell{color:var(--primary);font-weight:800}.status-badge{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33;border-radius:100px;padding:4px 10px;font-size:.65rem}@media (width<=768px){.podium-container{gap:.5rem;height:350px}.podium-avatar{width:60px;height:60px}.podium-name{max-width:100px;font-size:.9rem}.stats-overview{grid-template-columns:1fr}.header-main h1{font-size:2rem}}