@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--bg-dark: #0f172a;--bg-darker: #020617;--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .4);--accent: #d946ef;--accent-glow: rgba(217, 70, 239, .4);--gold: #f59e0b;--gold-glow: rgba(245, 158, 11, .3);--text-main: #f8fafc;--text-muted: #94a3b8;--glass-border: rgba(255, 255, 255, .08);--glass-surface: rgba(15, 23, 42, .6)}*{-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;font-family:Outfit,sans-serif;background-color:var(--bg-darker);color:var(--text-main);background-image:radial-gradient(circle at 15% 50%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(217,70,239,.15) 0%,transparent 50%);background-attachment:fixed;overflow-x:hidden;touch-action:manipulation}button,.btn-primary,.btn-secondary,.auth-tab,nav,.room-card,img{user-select:none;-webkit-user-select:none}.platform-ios body{cursor:pointer}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}#root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.platform-ios #root{padding-bottom:var(--safe-area-bottom)}.platform-android #root{display:flex}.glass-panel-premium{background:var(--glass-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000004d}.glass-panel{background:#0f172a66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 20px #0003}.text-gradient{background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(129,140,248,.3)}.text-gradient-gold{background:linear-gradient(135deg,#fcd34d,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(251,191,36,.3)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#8b5cf6 100%);color:#fff;border:none;font-weight:600;letter-spacing:.02em;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px var(--primary-glow),0 4px 6px -2px #0000000d}.btn-primary:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .2s}.btn-primary:hover:after{opacity:1}.btn-secondary{background:#ffffff0d;color:var(--text-main);border:1px solid rgba(255,255,255,.1);font-weight:500;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.input-premium{background:#0f172a99;border:1px solid var(--glass-border);color:#fff;padding:.875rem 1rem;border-radius:12px;width:100%;outline:none;transition:all .2s;font-family:inherit}.input-premium:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);background:#0f172acc}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}.animate-slide-in{animation:slideInUp .4s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-pulse{animation:pulse-soft 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.center-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem}.page-container{max-width:1200px;margin:0 auto;width:100%}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.auth-tab{flex:1;text-align:center;padding:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:var(--text-muted);border-bottom:2px solid transparent}.auth-tab:hover{color:var(--text-main);background:#ffffff08}.auth-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:linear-gradient(to top,rgba(99,102,241,.1) 0%,transparent 100%)}.activation-grid{display:flex;gap:.75rem;justify-content:center;margin:1.5rem 0}.activation-digit{width:3rem;height:3.5rem;font-size:1.5rem;text-align:center;background:#0f172a99;border:1px solid var(--glass-border);border-radius:8px;color:#fff;outline:none;transition:all .2s}.activation-digit:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);transform:translateY(-2px)}@media (max-width: 640px){#root,body,html{height:100dvh;overflow:hidden;position:fixed;width:100%}.center-container{height:100dvh;padding:.5rem;align-items:center;justify-content:center}.glass-panel-premium{padding:0!important;border-radius:16px!important;max-height:95dvh;display:flex;flex-direction:column;justify-content:center}.glass-panel-premium>div:first-child{padding-bottom:1rem!important;margin-bottom:0!important}h1{font-size:1.75rem!important}p{margin-top:.25rem!important}.auth-tab{padding:.75rem!important}form{gap:.75rem!important}.activation-grid{gap:.25rem;margin:1rem 0!important}.activation-digit{width:2.25rem;height:2.75rem;font-size:1.25rem}.input-premium{padding:.75rem;font-size:16px!important}.btn-primary{padding:.875rem;margin-top:.25rem!important}.chat-input-field{font-size:1.15rem!important;padding:12px!important}}@keyframes iconPulse{0%{transform:scale(1);filter:drop-shadow(0 0 0px rgba(251,191,36,0))}50%{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(251,191,36,.6))}to{transform:scale(1);filter:drop-shadow(0 0 0px rgba(251,191,36,0))}}@keyframes iconWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes iconPulseRed{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.animate-icon-pulse{display:inline-block;animation:iconPulse 2s infinite ease-in-out}.animate-icon-wiggle{display:inline-block;animation:iconWiggle 1s infinite ease-in-out}.animate-icon-float{display:inline-block;animation:iconFloat 2s infinite ease-in-out}.animate-icon-pulse-red{display:inline-block;animation:iconPulseRed 1.5s infinite ease-in-out}[data-tooltip]{position:relative;cursor:pointer}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%) translateY(10px);padding:6px 12px;background:#0f172af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.75rem;font-weight:600;border-radius:8px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #00000080;z-index:9999;pointer-events:none}[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.btn-icon-premium{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#94a3b8;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.btn-icon-premium:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-2px)}.btn-icon-premium:active{transform:scale(.95)}.btn-icon-premium.active{background:var(--primary);color:#fff;box-shadow:0 0 15px var(--primary-glow)}@keyframes voiceWave{0%,to{height:4px}50%{height:16px}}.voice-wave-container{display:flex;align-items:center;gap:2px;height:20px}.voice-wave-bar{width:3px;background:var(--accent);border-radius:2px;animation:voiceWave 1s infinite ease-in-out}.voice-wave-bar:nth-child(2){animation-delay:.1s}.voice-wave-bar:nth-child(3){animation-delay:.2s}.voice-wave-bar:nth-child(4){animation-delay:.3s}.voice-wave-bar:nth-child(5){animation-delay:.4s}.active-speaker-premium{background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(217,70,239,.3);border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:12px;animation:titleSlideIn .5s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0006,0 0 15px #d946ef1a;margin-top:10px}.speaker-avatar-glow{position:relative;width:40px;height:40px;border-radius:50%;border:2px solid var(--accent);padding:2px;box-shadow:0 0 10px var(--accent-glow)}.speaker-timer{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--accent);background:#d946ef1a;padding:2px 8px;border-radius:12px;border:1px solid rgba(217,70,239,.2)}.gaming-btn-glow{position:relative;overflow:hidden}.gaming-btn-glow:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.gaming-btn-glow:hover:after{opacity:1}.voice-pill-bar{display:flex;align-items:center;gap:12px;background:#0f172a66;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:50px;padding:6px 12px;box-shadow:0 8px 32px #0000005e;width:fit-content;margin:10px auto;min-height:64px}.pill-avatar-container{position:relative;width:56px;height:56px;border-radius:50%;border:3px solid rgba(255,255,255,.8);overflow:hidden;box-shadow:0 0 15px #0003;flex-shrink:0}.pill-avatar-img{width:100%;height:100%;object-fit:cover}.mic-pill-btn{display:flex;align-items:center;gap:10px;padding:0 24px;height:48px;border-radius:25px;border:none;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-family:Outfit,sans-serif;font-weight:800;font-size:1rem;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #7c3aed66}.mic-pill-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed99}.mic-pill-btn:active{transform:scale(.95)}.mic-pill-btn.is-active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444466}.icon-side-btn{width:44px;height:44px;border-radius:50%;border:none;background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.icon-side-btn:hover{background:#ffffff40;transform:scale(1.1)}.icon-side-btn.muted{background:#ef4444cc!important;color:#fff;box-shadow:0 0 15px #ef444466}.pill-timer{font-family:JetBrains Mono,monospace;font-weight:700;font-size:1.1rem;color:#fff;margin:0 10px;min-width:60px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.vertical-waves{display:flex;align-items:center;gap:3px;height:15px}.vertical-wave-bar{width:3px;border-radius:2px;background:#fff;animation:voiceWave .8s infinite ease-in-out}.vertical-wave-bar:nth-child(2){animation-delay:.1s}.vertical-wave-bar:nth-child(3){animation-delay:.2s}.vertical-wave-bar:nth-child(4){animation-delay:.3s}.swal-wide-input{width:90%!important;max-width:600px!important;background:#0f172acc!important;border:1px solid var(--glass-border)!important;color:#fff!important;border-radius:12px!important;font-size:1.1rem!important;padding:.8rem!important;margin:1rem auto!important}.swal-wide-input:focus{box-shadow:0 0 0 2px var(--primary)!important;border-color:var(--primary)!important}.is-mobile .voice-pill-bar{min-height:52px;gap:8px;padding:4px 8px;margin:5px auto}.is-mobile .pill-avatar-container{width:44px;height:44px;border-width:2px}.is-mobile .mic-pill-btn{height:40px;padding:0 16px;gap:6px}.is-mobile .icon-side-btn{width:36px;height:36px}.is-mobile .pill-timer{font-size:.9rem;margin:0 5px}div:where(.swal2-container) div:where(.swal2-popup){background:#0f172af2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:24px!important;padding:1.5rem!important;box-shadow:0 20px 50px #00000080,0 0 30px #ef444433!important;width:320px!important}div:where(.swal2-container) h2:where(.swal2-title){color:#ef4444!important;font-size:1.1rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:1px!important;margin-bottom:.5rem!important}div:where(.swal2-container) div:where(.swal2-html-container){color:#cbd5e1!important;font-size:.9rem!important;line-height:1.6!important;margin:1rem 0!important;font-weight:500!important}div:where(.swal2-icon).swal2-warning,div:where(.swal2-icon).swal2-error{border-color:#ef4444!important;color:#ef4444!important;width:3.5em!important;height:3.5em!important;margin:.5em auto 1em!important}div:where(.swal2-icon).swal2-warning .swal2-icon-content,div:where(.swal2-icon).swal2-error .swal2-icon-content{font-size:2.2em!important}div:where(.swal2-container) button.swal2-confirm{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;border-radius:12px!important;font-weight:700!important;box-shadow:0 4px 15px #ef444466!important;padding:.8em 2em!important;font-size:.85rem!important;text-transform:uppercase!important;letter-spacing:.5px!important}div:where(.swal2-container) button.swal2-confirm:focus{box-shadow:0 0 0 3px #ef444480!important}div:where(.swal2-container) div:where(.swal2-footer){border-top:1px solid rgba(255,255,255,.1)!important;margin-top:1rem!important;padding-top:.8rem!important;color:#64748b!important;font-size:.75rem!important}