@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Jost:wght@300;400;500;600;700;800;900&display=swap";:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: "Inter", system-ui, -apple-system, sans-serif;--heading: "Jost", system-ui, -apple-system, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1024px){:root{font-size:16px}}@media(prefers-color-scheme:dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}#root{width:100%;max-width:100%;margin:0 auto;text-align:center;min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}body{margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--heading);font-weight:600;color:var(--text-h)}input,button,textarea,select{font-family:var(--sans)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media(max-width:1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media(max-width:1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}.ticks{position:relative;width:100%}.ticks:before,.ticks:after{content:"";position:absolute;top:-4.5px;border:5px solid transparent}.ticks:before{left:0;border-left-color:var(--border)}.ticks:after{right:0;border-right-color:var(--border)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);color:var(--text)}.spinner-container{text-align:center}.spinner-container h2{margin-top:24px;font-size:28px;color:var(--text-h)}.premium-spinner{width:60px;height:60px;border:3px solid var(--border);border-top-color:#fff;border-radius:50%;margin:0 auto;animation:spin 1s cubic-bezier(.68,-.55,.27,1.55) infinite}@keyframes spin{to{transform:rotate(360deg)}}body.login-page-active #root{height:100svh!important;overflow:hidden!important}html:has(body.login-page-active),body.login-page-active{background:#080808!important;height:100svh!important;overflow:hidden!important}.login-container{position:fixed;top:0;left:0;width:100vw;height:100svh;z-index:9999;background:radial-gradient(circle at center,#0c0c0c,#020202);overflow:hidden;box-sizing:border-box}.login-scroll-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;z-index:1}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(rgba(255,255,255,.08) 1.5px,transparent 1.5px);background-size:30px 30px;mask-image:radial-gradient(circle at center,black,transparent 85%);-webkit-mask-image:radial-gradient(circle at center,black,transparent 85%);z-index:0;pointer-events:none}.bg-glow-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:visible;transform:translate(calc(var(--mouse-x, 0px) * var(--factor, 1)),calc(var(--mouse-y, 0px) * var(--factor, 1)));transition:transform .8s cubic-bezier(.16,1,.3,1)}.bg-glow{position:absolute;border-radius:50%;filter:blur(150px);z-index:0;pointer-events:none;opacity:.45;mix-blend-mode:screen}.bg-glow-1{width:850px;height:850px;background:radial-gradient(circle,#a855f799,#8b5cf64d,#0000);top:-10%;left:-10%;animation:float-glow-1 25s infinite linear}.bg-glow-2{width:950px;height:950px;background:radial-gradient(circle,#3b82f680,#6366f140,#0000);bottom:-10%;right:-10%;animation:float-glow-2 30s infinite linear}.bg-glow-3{width:650px;height:650px;background:radial-gradient(circle,#ffffff73,#f43f5e33,#0000);top:40%;left:30%;animation:float-glow-3 22s infinite linear}.bg-glow-4{width:700px;height:700px;background:radial-gradient(circle,#14b8a673,#0d94882e,#0000);top:60%;left:-15%;animation:float-glow-4 28s infinite linear}.bg-glow-5{width:800px;height:800px;background:radial-gradient(circle,#db277766,#7c3aed26,#0000);top:-15%;left:60%;animation:float-glow-5 32s infinite linear}.bg-glow-6{width:600px;height:600px;background:radial-gradient(circle,#d9770666,#f59e0b26,#0000);top:20%;left:75%;animation:float-glow-6 24s infinite linear}@keyframes float-glow-1{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(70vw,30vh) scale(1.2) rotate(120deg)}66%{transform:translate(15vw,75vh) scale(.85) rotate(240deg)}to{transform:translate(0) scale(1) rotate(360deg)}}@keyframes float-glow-2{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(-65vw,-50vh) scale(.8) rotate(-120deg)}66%{transform:translate(-20vw,-80vh) scale(1.15) rotate(-240deg)}to{transform:translate(0) scale(1) rotate(-360deg)}}@keyframes float-glow-3{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(45vw,-25vh) scale(1.2) rotate(120deg)}66%{transform:translate(-20vw,45vh) scale(.9) rotate(240deg)}to{transform:translate(0) scale(1) rotate(360deg)}}@keyframes float-glow-4{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(65vw,-45vh) scale(1.15) rotate(120deg)}66%{transform:translate(25vw,-15vh) scale(.9) rotate(240deg)}to{transform:translate(0) scale(1) rotate(360deg)}}@keyframes float-glow-5{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(-55vw,55vh) scale(.85) rotate(-120deg)}66%{transform:translate(-20vw,25vh) scale(1.2) rotate(-240deg)}to{transform:translate(0) scale(1) rotate(-360deg)}}@keyframes float-glow-6{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(-50vw,35vh) scale(1.2) rotate(120deg)}66%{transform:translate(-75vw,-10vh) scale(.8) rotate(240deg)}to{transform:translate(0) scale(1) rotate(360deg)}}.login-card{position:relative;z-index:1;background:#14141480;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px #000000b3,inset 0 1px #ffffff0d;border-radius:24px;padding:48px 40px;max-width:440px;width:100%;text-align:center;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s ease;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}.login-card:hover{transform:translateY(-6px);border-color:#ffffff29;box-shadow:0 40px 80px #000000d9,inset 0 1px #ffffff1a}.logo-section{margin-bottom:36px}.app-logo{margin-bottom:20px;display:inline-flex;align-items:center;justify-content:center}.logo-svg{width:140px;height:auto;display:block;filter:drop-shadow(0 10px 25px rgba(0,0,0,.3))}.login-card h1{font-family:Jost,sans-serif;font-size:34px;font-weight:800;margin:0 0 10px;letter-spacing:-1px;background:linear-gradient(135deg,#fff 40%,#c8c8c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:15px;color:#ffffff80;margin-bottom:0}.action-section{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%}.auth-error{width:100%;padding:14px;border-radius:12px;background:#ef444414;color:#f87171;border:1px solid rgba(239,68,68,.18);font-size:14px;text-align:left;line-height:1.4}.auth-buttons-group{display:flex;flex-direction:column;gap:10px;width:100%}.social-login-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffffe6;font-size:15px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:border-box}.social-login-btn:hover{background:#ffffff14;border-color:#ffffff40;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0006}.social-login-btn:active{transform:translateY(0)}.social-login-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.social-icon{flex-shrink:0;opacity:.8;transition:transform .25s ease,opacity .25s ease,filter .25s ease}.social-icon.google-icon{filter:grayscale(1) brightness(1.6)}.social-login-btn:hover .social-icon{transform:scale(1.1);opacity:1}.social-login-btn.google-btn:hover .google-icon{filter:none}.social-login-btn.google-btn:hover{background:#ffffff0d;border-color:#4285f459;box-shadow:0 8px 20px #4285f426}.social-login-btn.discord-btn:hover{background:#5865f226;border-color:#5865f259;color:#fff;box-shadow:0 8px 20px #5865f240}.social-login-btn.yandex-btn:hover{background:#ffcc0014;border-color:#ffcc0040;color:#fff;box-shadow:0 8px 20px #ffcc0026}.telegram-widget-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.telegram-widget-title{font-size:13px;color:#ffffff59;font-weight:500}.telegram-login-button-container iframe{filter:grayscale(1) contrast(1.2) brightness(.9) opacity(.85);transition:all .25s cubic-bezier(.16,1,.3,1);border-radius:10px}.telegram-login-button-container:hover iframe{filter:grayscale(0) contrast(1) brightness(1) opacity(1);transform:translateY(-1px);box-shadow:0 8px 20px #54a9eb59}.dev-login-btn{margin-top:10px;width:100%;padding:14px 20px;border-radius:12px;background:#ffffff03;color:#fff9;border:1px dashed rgba(255,255,255,.12);font-size:14px;font-weight:500;cursor:pointer;transition:all .25s ease;box-sizing:border-box}.dev-login-btn:hover:not(:disabled){background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 15px #ffffff0d}.dev-login-btn:disabled{opacity:.35;cursor:not-allowed}.terms{font-size:12px;color:#ffffff4d;margin-top:10px;line-height:1.6}@media(max-width:768px){.login-scroll-container{padding:12px}.login-card{padding:32px 20px;border-radius:20px}.login-card:hover{transform:none!important}.logo-section{margin-bottom:24px}.logo-svg{width:100px}.login-card h1{font-size:28px;margin-bottom:8px}.subtitle{font-size:13px;line-height:1.4}.action-section{gap:16px}.social-login-btn{padding:12px 16px;font-size:14px;gap:10px}.social-login-btn:hover,.social-login-btn:active{transform:none!important}.telegram-widget-wrapper{padding-top:12px}.telegram-login-button-container iframe,.telegram-login-button-container:hover iframe{filter:none!important;transform:none!important;opacity:1!important;box-shadow:none!important}}.home-container{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(circle at center,#0c0c0c,#020202);position:relative;overflow-x:hidden;box-sizing:border-box}.home-container.room-active{height:100vh;min-height:100vh;overflow:hidden}.home-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(rgba(255,255,255,.08) 1.5px,transparent 1.5px);background-size:30px 30px;mask-image:radial-gradient(circle at center,black,transparent 85%);-webkit-mask-image:radial-gradient(circle at center,black,transparent 85%);z-index:0;pointer-events:none}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;border-bottom:1px solid rgba(255,255,255,.06);background:#08080880;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);position:sticky;top:0;z-index:10}.header-brand{display:flex;align-items:center;gap:12px}.brand-logo{display:inline-flex;align-items:center;justify-content:center;position:relative}.brand-logo-svg{width:72px;height:auto;display:block;margin-left:-16px;margin-right:-16px}.header-brand h2{font-family:Jost,sans-serif;font-size:20px;font-weight:700;margin:0;letter-spacing:-.5px;background:linear-gradient(135deg,#fff 60%,#c8c8c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-text-mobile{display:none}.brand-text-desktop{display:inline}.signout-btn i{margin-right:8px}.user-profile-menu{display:flex;align-items:center;gap:16px}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #ffffff;box-shadow:0 0 15px #ffffff26}.user-details{display:none!important;flex-direction:column;text-align:left}.user-name{font-size:14px;font-weight:600;color:#ffffffe6;line-height:1.2}.user-email{font-size:12px;color:#fff6}.signout-btn{padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:#ffffffb3;font-size:13px;font-weight:500;cursor:pointer;transition:all .25s ease}.signout-btn:hover{background:#ef44441a;color:#f87171;border-color:#ef444440;box-shadow:0 0 15px #ef444426}.dashboard-body{flex-grow:1;padding:40px;max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}.welcome-banner{text-align:left;margin-bottom:48px;padding:32px;border-radius:16px;background:linear-gradient(135deg,var(--accent-bg) 0%,transparent 100%);border:1px solid var(--accent-border)}.welcome-banner h1{font-size:40px;margin:0 0 12px;letter-spacing:-1px}.welcome-banner p{font-size:16px;color:var(--text);max-width:600px}.services-status-section{text-align:left}.services-status-section h2{font-size:22px;margin-bottom:20px}.status-container{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-start}.backend-card{padding:24px;border-radius:12px;border:1px solid var(--border);background:var(--social-bg);flex:1 1 300px;max-width:400px;box-shadow:var(--shadow);box-sizing:border-box}.backend-card h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-h)}.status-badge{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;line-height:1.5}.status-badge.loading{background:#ffc1071a;color:#d39e00;border:1px solid rgba(255,193,7,.3)}.status-badge.error{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.3)}.status-badge.success{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.3)}@media(max-width:768px){.dashboard-header{padding:16px 20px}.user-details,.brand-text-desktop{display:none}.brand-text-mobile{display:inline}.header-brand{flex-direction:column;gap:2px;align-items:center;text-align:center}.brand-logo-svg{width:44px;margin-left:-10px;margin-right:-10px}.header-brand h2{font-size:14px;line-height:1.1}.signout-btn{padding:8px 12px}.signout-btn i{margin-right:0}.signout-btn .signout-text{display:none}.dashboard-body,.welcome-banner{padding:20px}.welcome-banner h1{font-size:32px}}.lobby-card{padding:32px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:#14141480;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);flex:1 1 320px;max-width:500px;box-shadow:0 30px 60px #000000b3,inset 0 1px #ffffff0d;box-sizing:border-box;text-align:center;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s ease}.lobby-card:hover{transform:translateY(-6px);border-color:#ffffff29;box-shadow:0 40px 80px #000000d9,inset 0 1px #ffffff1a}.lobby-card h2{font-size:24px;margin-top:0;margin-bottom:12px;color:#fff}.lobby-card p{color:#ffffff80;font-size:14px;margin-bottom:24px;line-height:1.5}.action-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:12px;background:#fff;color:#000;border:1px solid #ffffff;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 25px #ffffff26}.action-btn-primary:hover{background:transparent;color:#fff;border-color:#fff9;box-shadow:0 12px 30px #ffffff40;transform:translateY(-2px)}.action-btn-primary:active{transform:translateY(0)}.action-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:12px;background:#ffffff08;color:#ffffffe6;border:1px solid rgba(255,255,255,.08);font-size:15px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.action-btn-secondary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff40;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0006}.action-btn-secondary:active{transform:translateY(0)}.action-btn-secondary:disabled{opacity:.35;cursor:not-allowed;transform:none}.join-form{display:flex;gap:12px;justify-content:center}.join-input{flex-grow:1;padding:12px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:#fff;font-family:var(--mono);font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:2px;transition:all .25s ease}.join-input:focus{outline:none;border-color:#ffffff4d;background:#ffffff0d;box-shadow:0 0 15px #ffffff08}.room-container{display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--bg);flex-grow:1}.room-card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:48px;max-width:600px;width:100%;text-align:center;box-sizing:border-box}.room-header{margin-bottom:32px}.live-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;background:#dc35451a;color:#dc3545;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:16px}.room-card h1{font-size:36px;margin:0 0 12px;letter-spacing:-1px}.room-description{font-size:15px;color:var(--text);line-height:1.5}.code-display-section{background:var(--code-bg);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:32px}.code-label{font-size:11px;font-weight:700;color:var(--text);letter-spacing:1.5px;margin-bottom:8px;text-align:left}.code-box-container{display:flex;align-items:center;justify-content:space-between;gap:16px}.code-value{font-family:var(--mono);font-size:32px;font-weight:700;color:var(--text-h);letter-spacing:4px}.copy-btn{padding:8px 16px;border-radius:6px;background:var(--accent);color:#fff;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.copy-btn:hover{opacity:.9}.copy-btn.copied{background:#28a745}.participants-status{margin-bottom:32px}.participant-counter{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;border-radius:12px;border:1px solid var(--border);background:var(--social-bg)}.counter-icon{font-size:32px}.counter-details{text-align:left;display:flex;flex-direction:column}.counter-number{font-size:28px;font-weight:700;color:var(--text-h);line-height:1.1}.counter-label{font-size:14px;color:var(--text)}.room-status-indicator{margin-bottom:32px;font-size:15px;font-weight:500}.pulse-text{color:var(--accent);animation:pulse 2s infinite ease-in-out}.success-text{color:#28a745;font-weight:600}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.leave-room-btn{padding:12px 24px;border-radius:8px;background:transparent;color:var(--text);border:1px solid var(--border);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.leave-room-btn:hover{background:#dc354514;color:#dc3545;border-color:#dc354533}@media(max-width:600px){.room-card{padding:24px}.code-value{font-size:24px}.join-form{flex-direction:column}}.room-layout{display:flex;gap:32px;width:100%;max-width:100%;margin:0;padding:24px 40px;box-sizing:border-box;align-items:stretch;text-align:left;flex:1;min-height:0}.video-area{flex:1;display:flex;flex-direction:column;gap:20px;min-width:0;height:100%}.video-url-form{display:flex;gap:12px;align-items:center;background:#1414148c;border:1px solid rgba(255,255,255,.08);padding:8px 12px;border-radius:12px;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);box-shadow:var(--shadow)}.video-url-input{flex:1;background:transparent;border:none;color:var(--text-h);font-size:15px;padding:8px;outline:none}.video-url-input::placeholder{color:var(--text);opacity:.6}.video-form-buttons{display:flex;gap:8px}.url-btn,.clear-btn{padding:8px 16px;font-size:14px;border-radius:8px}.player-wrapper-outer{background:#000;border-radius:16px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);aspect-ratio:16 / 9;position:relative;width:100%}.room-active .player-wrapper-outer{aspect-ratio:auto;flex:1;min-height:0}.player-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.player-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1e1f29,#0d0e12);color:#fff;padding:40px;box-sizing:border-box;text-align:center}.placeholder-content{max-width:400px}.placeholder-icon{font-size:64px;display:block;margin-bottom:16px;animation:pulse-icon 3s infinite ease-in-out}@keyframes pulse-icon{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:1}}.placeholder-content h3{font-size:24px;color:#fff;margin:0 0 8px}.placeholder-content p{font-size:14px;color:#9ca3af;line-height:1.5}.room-sidebar{width:360px;flex-shrink:0;display:flex;flex-direction:column;height:100%;min-height:0}.room-card-sidebar{background:#1414148c;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px #000000b3,inset 0 1px #ffffff0d;border-radius:20px;padding:32px;box-sizing:border-box;display:flex;flex-direction:column;gap:24px;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}.room-header-sidebar{text-align:left}.room-header-sidebar h1{font-size:28px;margin:8px 0 0}.sidebar-resize-handle:hover .resize-handle-bar{background:#fff6!important;box-shadow:0 0 8px #ffffff4d}@media(max-width:992px){.home-container.room-active{height:auto;min-height:100dvh!important;overflow:visible}.room-layout{flex-direction:column;align-items:stretch;height:auto;padding:16px}.room-sidebar{width:100%!important;height:auto}.sidebar-resize-handle{display:none!important}}.download-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0d0e12eb;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px}.download-progress-container{max-width:340px;width:100%;text-align:center;color:#fff;padding:24px}.download-progress-container h3{font-size:18px;margin:0 0 16px;color:#fff}.download-progress-container p{font-size:14px;color:#fff9;margin-bottom:20px}.progress-bar-bg{width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-bar-fill{height:100%;background:var(--accent);transition:width .3s ease-out;border-radius:4px}.progress-percent{font-size:14px;font-weight:600;color:#fffc}.player-picker-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:18px;background:#000000b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.player-picker-panel{width:min(420px,100%);display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:8px;background:#121212f5;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.player-picker-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:700;color:var(--text-h);text-transform:uppercase;letter-spacing:0}.player-picker-close{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;color:var(--text-h);cursor:pointer}.player-picker-list{display:grid;gap:8px}.player-picker-option{min-height:48px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0d;color:var(--text-h);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;text-align:left}.player-picker-option:hover{background:#ffffff1a;border-color:#ffffff47}.player-picker-option span{font-size:14px;font-weight:700;min-width:0}.player-picker-option small{color:var(--text);font-size:11px;text-transform:uppercase;flex-shrink:0}.serial-controls{display:flex;flex-wrap:wrap;gap:16px;background:#1414148c;border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:12px;width:100%;box-sizing:border-box;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);box-shadow:var(--shadow)}.selector-group{display:flex;flex-direction:column;gap:6px;flex:1 1 180px;min-width:140px}.selector-label{font-size:11px;font-weight:700;color:var(--text);letter-spacing:1.5px;text-transform:uppercase}.premium-select{padding:10px 36px 10px 14px;font-size:14px;font-weight:500;border-radius:8px;background:#0a0a0a99;color:var(--text-h);border:1px solid rgba(255,255,255,.08);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow)}.premium-select:focus{border-color:#fff;box-shadow:0 0 0 3px #ffffff26}.premium-select:disabled{opacity:.5;cursor:not-allowed}.premium-select option{background:var(--bg);color:var(--text-h)}.screen-share-settings-panel{background:var(--social-bg);border:1px solid var(--border);border-radius:12px;padding:16px 20px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;animation:slideDown .3s ease-out}.screen-share-settings-panel .pulse-dot{width:8px;height:8px;border-radius:50%;background:#4caf50;display:inline-block;box-shadow:0 0 8px #4caf50;animation:pulse-dot-anim 1.5s infinite ease-in-out}@keyframes pulse-dot-anim{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 12px #4caf50}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.playlist-item-delete-btn:hover{background-color:#f4433626!important}.playlist-items-container::-webkit-scrollbar{width:6px}.playlist-items-container::-webkit-scrollbar-track{background:transparent}.playlist-items-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.playlist-items-container::-webkit-scrollbar-thumb:hover{background:var(--text);opacity:.5}.chat-messages-container::-webkit-scrollbar{width:6px}.chat-messages-container::-webkit-scrollbar-track{background:transparent}.chat-messages-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.chat-messages-container::-webkit-scrollbar-thumb:hover{background:var(--text);opacity:.5}.lobby-grid{display:grid;grid-template-columns:1.2fr 1fr 240px;gap:30px;width:100%;margin-bottom:30px;box-sizing:border-box}.ad-skyscraper-wrapper{display:flex;justify-content:center;align-items:stretch;width:100%}@media(max-width:1100px){.lobby-grid{grid-template-columns:1.2fr 1fr}.ad-skyscraper-wrapper{grid-column:1 / -1}}@media(max-width:850px){.lobby-grid{grid-template-columns:1fr}.ad-skyscraper-wrapper{grid-column:auto}}.friends-list{display:flex;flex-direction:column;gap:16px;text-align:left}.friend-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);transition:all .25s ease;box-sizing:border-box}.friend-item:hover{background:#ffffff0d;border-color:#ffffff14}.friend-info{display:flex;align-items:center;gap:12px}.friend-avatar-wrapper{position:relative;display:inline-flex}.friend-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.status-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;border:2px solid #080808}.status-dot.online{background-color:#4caf50;box-shadow:0 0 8px #4caf50}.status-dot.offline{background-color:#9e9e9e}.friend-details{display:flex;flex-direction:column}.friend-name{font-size:15px;font-weight:600;color:#fff}.friend-activity{font-size:12px;color:#fff6}.friend-join-btn{padding:6px 14px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .25s ease}.friend-join-btn:hover{background:#fff;color:#000;border-color:#fff;box-shadow:0 0 10px #fff3}.public-rooms-container{grid-column:1 / -1;text-align:left;margin-top:20px}.public-rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:20px}.public-room-card{padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:#14141480;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);display:flex;flex-direction:column;justify-content:space-between;gap:20px;box-shadow:0 15px 30px #00000080,inset 0 1px #ffffff08;transition:all .3s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.public-room-card:hover{transform:translateY(-6px);border-color:#ffffff29;box-shadow:0 25px 50px #000000bf,inset 0 1px #ffffff0d}.public-room-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.public-room-title{font-size:16px;font-weight:700;color:#fff;margin:0;line-height:1.4}.public-room-badge{padding:4px 10px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#ffffffe6;font-size:12px;font-weight:700;white-space:nowrap}.public-room-info{display:flex;flex-direction:column;gap:4px}.public-room-playing-label{font-size:11px;font-weight:700;color:#ffffff59;text-transform:uppercase;letter-spacing:1.5px}.public-room-video{font-size:14px;color:#ffffffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-friend-header-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;width:32px;height:32px;border-radius:50%;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;padding:0;line-height:1}.add-friend-header-btn:hover{background:#fff;color:#000;border-color:#fff;box-shadow:0 0 10px #ffffff40;transform:translateY(-50%) scale(1.08)}.header-room-info{display:flex;align-items:center;gap:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:6px 16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-code-box,.header-link-box{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:all .25s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.header-code-box:hover,.header-link-box:hover{background:#ffffff0f}.header-code-box.copied,.header-link-box.copied{border-color:#10b9814d!important;background:#10b98114!important;box-shadow:0 0 12px #10b9811f}.header-room-info .info-label{font-size:10px;font-weight:700;letter-spacing:.5px;color:#ffffff73;font-family:Jost,sans-serif;transition:color .2s ease}.header-room-info .info-label.success{color:#10b981!important;font-weight:800;text-shadow:0 0 8px rgba(16,185,129,.2)}.header-room-info .info-value{font-size:13px;font-weight:600;color:#fff;font-family:Inter,sans-serif}.header-room-info .copy-icon{font-size:12px;color:#ffffff73;transition:all .2s ease}.header-code-box:hover .copy-icon,.header-link-box:hover .copy-icon{color:#fff}.header-room-info .copy-icon.success{color:#10b981!important;text-shadow:0 0 10px rgba(16,185,129,.3)}.avatar-stack{display:flex;align-items:center;margin-right:12px}.avatar-wrapper{position:relative;width:38px;height:38px;border-radius:50%;margin-left:-12px;transition:transform .2s ease,z-index .2s ease;z-index:1}.avatar-wrapper:first-child{margin-left:0;z-index:5}.avatar-wrapper:hover{transform:translateY(-3px) scale(1.05);z-index:10!important}.avatar-wrapper .user-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #080808;box-shadow:0 4px 10px #0006}.avatar-wrapper .user-avatar-placeholder{width:100%;height:100%;border-radius:50%;border:2px solid #080808;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;font-family:Jost,sans-serif;box-shadow:0 4px 10px #0006;text-transform:uppercase}.avatar-more{background:#ffffff14;border:2px solid #080808;color:#ffffffd9;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:Inter,sans-serif;box-shadow:0 4px 10px #0006;-webkit-user-select:none;user-select:none;z-index:0}.header-leave-btn{width:38px;height:38px;border-radius:12px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.header-leave-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 0 15px #ef444459;transform:translateY(-2px)}.header-leave-btn i{font-size:16px}.header-settings-btn{width:38px;height:38px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#ffffffbf;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);padding:0}.header-settings-btn:hover{background:#ffffff14;color:#fff;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.header-settings-btn.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border);box-shadow:0 0 15px var(--accent-bg)}.header-settings-btn i{font-size:16px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.header-settings-btn:hover i{transform:rotate(45deg)}.header-settings-btn.active i{transform:rotate(90deg)}.header-settings-popover{position:absolute;top:calc(100% + 12px);right:0;width:280px;background:#121218f2;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;box-shadow:var(--shadow),0 20px 40px #0006,inset 0 1px #ffffff0d;z-index:100;display:flex;flex-direction:column;gap:16px;animation:fadeInPopover .25s cubic-bezier(.16,1,.3,1)}@keyframes fadeInPopover{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.popover-title{font-family:var(--heading);font-size:15px;font-weight:700;color:var(--text-h);border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px;margin-bottom:4px}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{font-size:11px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.premium-select{background:#0a0a0a99;border:1px solid rgba(255,255,255,.08);color:var(--text-h);padding:10px 36px 10px 14px;border-radius:8px;font-size:14px;font-family:var(--sans);width:100%;box-sizing:border-box;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.premium-select:hover{border-color:#fff6}.premium-select:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px #ffffff26}.premium-select option{background:#16171d;color:#f3f4f6}.setting-readonly-value{background:var(--code-bg);border:1px solid var(--border);color:var(--text-h);padding:10px 14px;border-radius:8px;font-size:14px;font-weight:500;display:flex;align-items:center;box-sizing:border-box}.select-wrapper{position:relative;display:flex;align-items:center;width:100%}.select-wrapper .select-icon{position:absolute;left:14px;color:var(--accent);pointer-events:none;font-size:14px}.select-wrapper .premium-select{padding-left:38px}.setting-readonly-value .inline-icon{margin-right:8px;color:var(--accent);font-size:14px}.popover-title .title-icon{margin-right:8px;color:var(--accent)}.sidebar-tabs-container{display:flex;background:#14141466;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:4px;gap:4px;margin-bottom:8px}.sidebar-tab-btn{flex:1;background:transparent;border:none;color:var(--text);padding:8px 12px;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:6px}.sidebar-tab-btn:hover{color:var(--text-h);background:#ffffff0d}.sidebar-tab-btn.active{background:#fff;color:#000;box-shadow:0 4px 15px #ffffff26}.custom-timeline-track{position:relative;width:100%;height:4px;background:#fff3;border-radius:2px;transition:height .12s cubic-bezier(.4,0,.2,1)}.custom-timeline-container:hover .custom-timeline-track{height:6px}.custom-timeline-thumb{transform:translate(-50%) scale(0);transition:transform .15s cubic-bezier(.4,0,.2,1)!important}.custom-timeline-container:hover .custom-timeline-thumb,.custom-timeline-thumb.dragging{transform:translate(-50%) scale(1.25)!important}.custom-player-speed-menu{animation:speedMenuFadeIn .18s cubic-bezier(.4,0,.2,1)}@keyframes speedMenuFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.custom-player-controls-bar button{transition:all .2s cubic-bezier(.4,0,.2,1)}.custom-player-controls-bar button:hover{transform:scale(1.08)}.custom-player-controls-bar button:active{transform:scale(.95)}.custom-player-subtitles-menu button:hover,.custom-player-subtitles-menu button:active,.custom-player-speed-menu button:hover,.custom-player-speed-menu button:active{transform:none!important}.player-feedback-overlay{animation:feedbackFlash .55s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes feedbackFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.65)}20%{opacity:.95;transform:translate(-50%,-50%) scale(1.08)}32%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.75)}}.my-friend-code-box:hover{background:#ffffff12!important;border-color:#ffffff1f!important;color:#fff!important}.friend-item{transition:all .25s cubic-bezier(.4,0,.2,1)!important}.friend-item:hover{background:#ffffff0d!important;border-color:#ffffff14!important;transform:translateY(-1px);box-shadow:0 4px 15px #0003}.friend-join-btn{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.friend-join-btn:hover{background:#fff!important;color:#000!important;transform:scale(1.05);box-shadow:0 4px 15px #ffffff40}.friend-join-btn:active{transform:scale(.95)}.chat-message-bubble-wrapper{position:relative}.chat-message-actions{opacity:0;pointer-events:none;display:flex;align-items:center;gap:4px;transition:opacity .2s cubic-bezier(.4,0,.2,1);padding:0 4px}.chat-message-actions.active{opacity:1;pointer-events:auto}.chat-action-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:#fff9;cursor:pointer;transition:all .2s ease;font-size:11px;padding:0}.chat-action-btn:hover{background:#ffffff26;color:#fff;transform:scale(1.1)}.emoji-trigger-container{position:relative;display:flex;align-items:center}.emoji-popover{visibility:hidden;opacity:0;pointer-events:none;position:absolute;bottom:32px;left:50%;transform:translate(-50%) translateY(4px);background:#18191d;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px #0009;border-radius:12px;padding:8px 10px;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;width:220px;z-index:100;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.emoji-popover:before{content:"";position:absolute;left:0;right:0;height:12px;bottom:-12px}.emoji-popover.popover-down:before{top:-12px;bottom:auto}.emoji-popover.active{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.emoji-popover.popover-down{bottom:auto;top:32px;transform:translate(-50%) translateY(-4px)}.emoji-popover.active.popover-down{transform:translate(-50%) translateY(0)}.emoji-popover.popover-left{left:0;transform:translateY(4px)}.emoji-popover.active.popover-left{transform:translateY(0)}.emoji-popover.popover-down.popover-left{transform:translateY(-4px)}.emoji-popover.active.popover-down.popover-left{transform:translateY(0)}.emoji-popover.popover-right{left:auto;right:0;transform:translateY(4px)}.emoji-popover.active.popover-right{transform:translateY(0)}.emoji-popover.popover-down.popover-right{transform:translateY(-4px)}.emoji-popover.active.popover-down.popover-right{transform:translateY(0)}@media(hover:hover){.chat-message-bubble-wrapper:hover .chat-message-actions{opacity:1;pointer-events:auto}.emoji-trigger-container:hover .emoji-popover{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.emoji-trigger-container:hover .emoji-popover.popover-down{transform:translate(-50%) translateY(0)}.emoji-trigger-container:hover .emoji-popover.popover-left,.emoji-trigger-container:hover .emoji-popover.popover-down.popover-left,.emoji-trigger-container:hover .emoji-popover.popover-right,.emoji-trigger-container:hover .emoji-popover.popover-down.popover-right{transform:translateY(0)}}.emoji-popover span{font-size:16px;cursor:pointer;transition:transform .1s ease;-webkit-user-select:none;user-select:none}.emoji-popover span:hover{transform:scale(1.3)}.reaction-pill{transition:all .2s ease}.reaction-pill:hover{transform:scale(1.08)}@keyframes message-flash{0%{background:#3b82f64d}to{background:transparent}}.message-flash-active{animation:message-flash 1s cubic-bezier(.4,0,.2,1);border-radius:8px}.screen-effects-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;overflow:hidden}.floating-emoji{position:absolute;bottom:-50px;animation:floatUpAnimation 3.5s cubic-bezier(.1,.8,.3,1) forwards;-webkit-user-select:none;user-select:none}@keyframes floatUpAnimation{0%{transform:translateY(0) scale(.3) rotate(0);opacity:0}15%{opacity:.95;transform:translateY(-15vh) scale(1) rotate(var(--rotate-start))}80%{opacity:.95}to{transform:translateY(-110vh) scale(1.4) rotate(var(--rotate-end));opacity:0}}.effects-picker-popover{position:absolute;bottom:60px;right:50px;background:#18191d;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px #0009;border-radius:20px;padding:8px 12px;display:flex;gap:8px;z-index:100;white-space:nowrap;animation:slideUpEffects .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideUpEffects{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.effects-picker-popover span{font-size:20px;cursor:pointer;transition:transform .15s ease;-webkit-user-select:none;user-select:none}.effects-picker-popover span:hover{transform:scale(1.35) rotate(5deg)}.voice-chat-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.voice-chat-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:var(--text-h)}.voice-status-indicator{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600}.voice-status-dot{width:8px;height:8px;border-radius:50%;background:#f43f5e}.voice-status-dot.active{background:#10b981;box-shadow:0 0 8px #10b981}.voice-controls{display:flex;gap:8px}.voice-btn{flex:1;padding:8px 12px;font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;border:1px solid rgba(255,255,255,.08)}.voice-btn-primary{background:#10b98126;color:#10b981;border-color:#10b98140;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.voice-btn-primary:hover{background:#10b98140;color:#10b981;border-color:#10b98159;box-shadow:0 4px 15px #10b98126}.voice-btn-danger{background:#ef44441a;color:#ef4444;border-color:#ef444433}.voice-btn-danger:hover{background:#ef4444;color:#fff;border-color:#ef4444}.voice-btn-secondary{background:#ffffff0d;color:var(--text-h)}.voice-btn-secondary:hover{background:#ffffff1f}.voice-users-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.voice-user-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:8px;background:#ffffff04;border:1px solid rgba(255,255,255,.04);font-size:12px;transition:all .2s ease}.voice-user-row.speaking{border-color:#10b9814d;background:#10b98108;box-shadow:0 0 8px #10b9810d}.voice-user-info{display:flex;align-items:center;gap:8px}.voice-user-avatar{width:20px;height:20px;border-radius:50%}.voice-user-name{color:var(--text-h);font-weight:500}.voice-user-status{font-size:11px;display:flex;align-items:center}@media(max-width:992px){.room-active .player-wrapper-outer{aspect-ratio:16 / 9!important;height:auto!important;width:100%!important;flex:none!important;border-radius:0!important;border-left:none!important;border-right:none!important}.player-placeholder{padding:24px 16px!important}.room-layout{flex-direction:column!important;align-items:stretch!important;height:auto!important;padding:12px 0!important;gap:16px!important}.video-area{width:100%!important;height:auto!important;gap:12px!important}.video-url-form{margin:0 12px!important}.serial-controls{margin:0 12px!important;width:calc(100% - 24px)!important}.room-sidebar{width:100%!important;height:auto!important;padding:0 12px!important;box-sizing:border-box!important}.room-card-sidebar{padding:20px 16px!important;gap:16px!important}}@media(max-width:768px){input[type=text],input[type=url],.video-url-input,.premium-select,select,textarea{font-size:16px!important}.home-container.room-active .dashboard-header{flex-wrap:wrap!important;gap:12px!important;padding:12px 8px!important;justify-content:space-between!important}.home-container.room-active .header-brand{order:1;margin:0}.home-container.room-active .user-profile-menu{order:2;margin:0}.home-container.room-active .header-room-info{order:3;width:100%!important;justify-content:center!important;background:#ffffff08!important;padding:4px 8px!important;gap:8px!important;box-sizing:border-box}.home-container.room-active .header-code-box,.home-container.room-active .header-link-box{padding:4px 8px!important;font-size:11px!important}.home-container.room-active .info-value{font-size:12px!important}.avatar-stack{margin-right:4px!important}.avatar-wrapper{width:32px!important;height:32px!important;margin-left:-8px!important}.header-settings-btn,.header-leave-btn{width:34px!important;height:34px!important;border-radius:10px!important}.serial-controls{gap:12px!important;padding:12px!important}.selector-group{flex:1 1 100%!important}}@media(max-width:480px){.room-layout{padding:8px 0!important;gap:12px!important}.room-active .player-wrapper-outer{border-radius:0!important}.home-container.room-active .header-link-box .info-value{display:none!important}.home-container.room-active .header-link-box,.home-container.room-active .header-code-box{flex-grow:1;justify-content:center}.lobby-grid{gap:16px!important}.chat-messages-container{min-height:250px!important;max-height:400px!important}.chat-message-bubble-wrapper{max-width:95%!important}.video-url-form{padding:6px 10px!important}.video-url-input{font-size:13px!important}.url-btn,.clear-btn{padding:6px 12px!important;font-size:13px!important}}@keyframes typing-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.typing-dot{animation:typing-bounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}