@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--accent-primary: #3b82f6;--accent-hover: #2563eb;--accent-glow: rgba(59, 130, 246, .4);--text-main: #f8fafc;--text-muted: #94a3b8;--danger: #ef4444;--danger-hover: #dc2626;--success: #10b981;--glass-bg: rgba(30, 41, 59, .6);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background:radial-gradient(circle at top right,#1e1b4b,var(--bg-primary) 50%);color:var(--text-main);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.navbar{position:fixed;top:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:#0f172ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:100}.navbar-brand{display:flex;align-items:center;gap:.75rem}.navbar-logo{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff}.navbar-name{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.navbar-right{display:flex;align-items:center;gap:1rem}.navbar-time{font-size:.9rem;color:var(--text-muted);font-weight:500}.home-page{min-height:100vh;position:relative;overflow-x:hidden}.home-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 64px);position:relative;overflow:hidden;padding:2rem;padding-top:calc(64px + 2rem)}.home-container:before,.home-container:after{content:"";position:absolute;width:50vw;height:50vw;max-width:600px;max-height:600px;border-radius:50%;filter:blur(100px);z-index:0;opacity:.5;animation:float 10s infinite ease-in-out alternate}.home-container:before{background:#3b82f64d;top:-10%;left:-10%}.home-container:after{background:#8b5cf633;bottom:-10%;right:-10%;animation-delay:-5s}.hero-split{z-index:1;display:flex;align-items:center;gap:3rem;max-width:1200px;width:100%}.hero-left{flex:1;text-align:left}.hero-right{flex:1;display:flex;align-items:center;justify-content:center}.hero-badge{display:inline-block;padding:.4rem 1rem;background:#3b82f61f;border:1px solid rgba(59,130,246,.25);border-radius:20px;font-size:.85rem;font-weight:500;color:var(--accent-primary);margin-bottom:1.5rem;animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}.illustration-container{width:100%;max-width:520px;animation:slideUp 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.2s;opacity:0}.illustration-container svg{width:100%;height:auto}.home-title{font-size:clamp(2.5rem,5vw,3.8rem);font-weight:700;line-height:1.1;color:var(--text-main);margin-bottom:1.5rem;animation:slideUp .7s cubic-bezier(.16,1,.3,1) forwards}.title-gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-subtitle{color:var(--text-muted);font-size:clamp(1rem,2.5vw,1.2rem);margin-bottom:2.5rem;font-weight:300;line-height:1.6;max-width:500px;animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards}.input-row{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:500px;animation:slideUp .9s cubic-bezier(.16,1,.3,1) forwards}.action-row{display:flex;flex-direction:column;gap:.75rem;width:100%}.input-group{position:relative;width:100%;display:flex;align-items:center}.link-group{width:100%;min-width:0;flex:1}.join-row{display:flex;gap:.75rem;width:100%;align-items:center}.input-icon{position:absolute;left:1rem;pointer-events:none;display:flex;align-items:center}.input-field{width:100%;height:50px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0 1rem 0 3rem;color:var(--text-main);font-family:inherit;font-size:1rem;transition:all .3s ease}.input-field::placeholder{color:#94a3b899}.input-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-glow);background:#0f172ae6}.primary-btn{height:50px;padding:0 2rem;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;border-radius:12px;font-size:1.05rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #3b82f659;font-family:inherit}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680;filter:brightness(1.1)}.primary-btn:active{transform:translateY(1px)}.join-text-btn{height:50px;padding:0 2rem;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-main);border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;font-family:inherit}.join-text-btn:hover:not(:disabled){background:#ffffff1a;transform:translateY(-2px)}.join-text-btn:disabled{opacity:.5;cursor:not-allowed}.features-section{padding:4rem 2rem 3rem;max-width:1200px;margin:0 auto;text-align:center}.features-heading{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:600;color:var(--text-main);margin-bottom:2.5rem}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.feature-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);animation:slideUp .6s cubic-bezier(.16,1,.3,1) both}.feature-card:hover{transform:translateY(-6px);border-color:#3b82f64d;box-shadow:0 12px 40px #0000004d,0 0 30px #3b82f614}.feature-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#3b82f626,#8b5cf626);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:var(--accent-primary);transition:all .3s ease}.feature-card:hover .feature-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;transform:scale(1.1)}.feature-title{font-size:1.05rem;font-weight:600;color:var(--text-main);margin-bottom:.5rem}.feature-desc{font-size:.9rem;color:var(--text-muted);line-height:1.5;font-weight:300}.home-footer{text-align:center;padding:1rem;border-top:1px solid var(--glass-border);color:var(--text-muted);font-size:.9rem}.home-footer a{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color .2s}.home-footer a:hover{color:#8b5cf6;text-decoration:underline}.prejoin-page{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}.prejoin-topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:#0f172ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.prejoin-brand{display:flex;align-items:center;gap:.6rem;color:var(--text-main);font-weight:600;font-size:1.1rem}.prejoin-brand svg{color:var(--accent-primary)}.prejoin-room-code{font-size:.85rem;color:var(--text-muted)}.prejoin-room-code code{background:#ffffff0f;padding:.2rem .6rem;border-radius:6px;font-family:Outfit,monospace;color:var(--accent-primary);letter-spacing:1px}.prejoin-container{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem;overflow-y:auto}.prejoin-layout{display:flex;align-items:center;gap:3rem;max-width:1050px;width:100%}.prejoin-illustration-side{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;animation:slideUp .6s ease-out forwards}.prejoin-illust-wrapper{max-width:380px;width:100%;margin-bottom:1.5rem}.prejoin-illust-wrapper svg{width:100%;height:auto}.prejoin-illust-title{font-size:1.3rem;font-weight:600;color:var(--text-main);margin-bottom:.4rem}.prejoin-illust-subtitle{font-size:.95rem;color:var(--text-muted);font-weight:300}.prejoin-content{flex:1;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;padding:2.5rem;max-width:520px;width:100%;display:flex;flex-direction:column;gap:1.5rem;max-height:calc(100dvh - 96px);overflow-y:auto;animation:slideUp .5s ease-out forwards}.prejoin-title{text-align:center;font-size:1.8rem;font-weight:600}.permissions-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:1.5rem;border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.permissions-error p{color:var(--text-main);line-height:1.5}.preview-container{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.video-preview{width:100%;aspect-ratio:16 / 9;background:var(--bg-secondary);border-radius:16px;position:relative;overflow:hidden;border:1px solid var(--glass-border);box-shadow:0 10px 30px #0003}.preview-element{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#0f172a)}.user-initial{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:600;color:#fff;box-shadow:0 8px 32px #3b82f64d}.preview-controls{position:absolute;bottom:1rem;left:0;right:0;display:flex;justify-content:center;gap:.75rem}.prejoin-device-test{width:100%;background:#0f172a6b;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.mic-test-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.mic-test-title{font-size:.92rem;font-weight:600;color:var(--text-main)}.mic-test-status-badge{font-size:.75rem;font-weight:600;border-radius:999px;padding:.22rem .55rem;border:1px solid transparent}.mic-test-status-badge.active{color:#a7f3d0;background:#10b98133;border-color:#10b98173}.mic-test-status-badge.idle{color:#93c5fd;background:#3b82f62e;border-color:#3b82f666}.mic-test-status-badge.off{color:#fca5a5;background:#ef44442e;border-color:#ef444466}.mic-meter-track{width:100%;height:10px;border-radius:999px;background:#94a3b82e;overflow:hidden}.mic-meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#0ea5e9,#3b82f6 42%,#10b981);width:0;transition:width .12s linear}.mic-meter-fill.muted{background:#ef4444cc}.mic-test-note{font-size:.82rem;color:var(--text-muted)}.device-select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.device-select-field{display:flex;flex-direction:column;gap:.38rem}.device-select-field span{font-size:.77rem;color:var(--text-muted);font-weight:500}.device-select-field select{width:100%;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0f172aa6;color:var(--text-main);font-family:inherit;font-size:.9rem;padding:0 .65rem}.device-select-field select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.device-select-field select:disabled{opacity:.55;cursor:not-allowed}.device-switch-status{font-size:.78rem;color:var(--accent-primary)}.join-actions{display:flex;flex-direction:column;gap:1rem;width:100%;align-items:center}.prejoin-username{font-size:1.5rem;font-weight:500;color:var(--text-muted)}.prejoin-name-input-wrapper{width:100%}.prejoin-name-input{width:100%;height:50px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0 1rem;color:var(--text-main);font-family:inherit;font-size:1rem;transition:all .3s ease}.prejoin-name-input::placeholder{color:#94a3b899}.prejoin-name-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-glow);background:#0f172ae6}.join-now-btn{width:100%;height:52px;font-size:1.1rem;border-radius:26px}.join-now-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:768px){.prejoin-layout{flex-direction:column}.prejoin-illustration-side{display:none}.prejoin-content{max-width:100%}}.clock-display{position:absolute;top:2rem;right:2rem;font-weight:500;color:var(--text-muted);background:var(--glass-bg);padding:.5rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);z-index:10}.room-container{height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--bg-primary);position:relative;overflow:hidden}.main-content-area{flex:1;display:flex;height:calc(100vh - 90px);height:calc(100dvh - 90px);overflow:hidden;position:relative;transition:all .3s ease}.video-grid-container{flex:1;padding:1.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease}.chat-panel{width:350px;background:var(--bg-secondary);border-left:1px solid var(--glass-border);display:flex;flex-direction:column;height:100%;animation:slideInRight .3s ease forwards}.chat-header{padding:1rem 1.5rem;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.chat-header h3{font-size:1.1rem;font-weight:500}.close-btn{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;transition:color .2s}.close-btn:hover{color:var(--text-main)}.chat-messages{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.message{max-width:85%;display:flex;flex-direction:column;gap:.3rem}.message.local{align-self:flex-end}.message.remote{align-self:flex-start}.message-header{display:flex;gap:.5rem;align-items:baseline;font-size:.8rem}.message.local .message-header{flex-direction:row-reverse}.sender{font-weight:600;color:var(--text-muted)}.time{color:#94a3b899;font-size:.7rem}.message-text{padding:.8rem 1rem;border-radius:12px;font-size:.95rem;line-height:1.4;word-break:break-word}.message.local .message-text{background:var(--accent-primary);color:#fff;border-top-right-radius:2px}.message.remote .message-text{background:#ffffff1a;color:var(--text-main);border-top-left-radius:2px}.chat-input-form{padding:1rem;border-top:1px solid var(--glass-border);display:flex;gap:.5rem}.chat-input-form input{flex:1;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.8rem 1rem;color:var(--text-main);font-family:inherit;font-size:.95rem}.chat-input-form input:focus{outline:none;border-color:var(--accent-primary)}.chat-input-form button{background:var(--accent-primary);color:#fff;border:none;border-radius:8px;padding:0 1rem;font-weight:500;cursor:pointer;transition:background .2s}.chat-input-form button:hover:not(:disabled){background:var(--accent-hover)}.chat-input-form button:disabled{opacity:.5;cursor:not-allowed}.chat-toast{position:absolute;bottom:90px;right:20px;background:var(--accent-primary);color:#fff;padding:.8rem 1.2rem;border-radius:12px;display:flex;align-items:center;gap:.8rem;box-shadow:0 4px 15px #0000004d;z-index:1000;animation:slideInBottom .3s cubic-bezier(.175,.885,.32,1.275) forwards;max-width:300px}.chat-toast .toast-text{font-size:.95rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes slideInBottom{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.video-grid{display:grid;width:100%;height:100%;gap:1rem;grid-template-columns:1fr;grid-template-rows:1fr}.video-grid[data-count="2"]{grid-template-columns:repeat(2,1fr)}.video-grid[data-count="3"],.video-grid[data-count="4"]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.video-grid[data-count=many]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:minmax(200px,1fr)}.more-menu-wrapper{position:relative}.more-menu-popup{position:absolute;bottom:calc(100% + 12px);right:0;background:#0f172aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:14px;padding:.6rem;min-width:180px;box-shadow:0 12px 40px #00000073;z-index:200;animation:moreMenuFadeIn .2s ease;display:flex;flex-direction:column;gap:2px}.more-menu-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);padding:.3rem .7rem .4rem}.more-menu-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border:none;border-radius:10px;background:transparent;color:var(--text-main);font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .18s ease;white-space:nowrap}.more-menu-item:hover{background:#ffffff14}.more-menu-item.active{background:#3b82f626;color:var(--accent-primary)}.more-menu-item.active:after{content:"✓";margin-left:auto;font-size:.85rem;font-weight:700;color:var(--accent-primary)}@keyframes moreMenuFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.more-menu-divider{height:1px;background:#ffffff14;margin:.3rem .4rem}.more-menu-badge{margin-left:auto;font-size:.75rem;font-weight:700;background:var(--accent-primary);color:#fff;min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0 5px}.more-menu-badge.danger{background:#ea4335}.more-menu-item.danger-item{color:var(--danger)}.more-menu-item.danger-item:hover{background:#ef44441f}.speaker-layout{display:flex;flex-direction:column;width:100%;height:100%;gap:.5rem;min-height:0;overflow:hidden}.speaker-main{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.speaker-featured{width:100%;height:100%}.speaker-filmstrip{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:4px 2px;flex-shrink:0;max-height:130px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.speaker-filmstrip::-webkit-scrollbar{height:5px}.speaker-filmstrip::-webkit-scrollbar-track{background:transparent}.speaker-filmstrip::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.filmstrip-item{width:180px;min-width:180px;height:120px;cursor:pointer;border:2px solid transparent;transition:border-color .25s ease,transform .2s ease,box-shadow .25s ease}.filmstrip-item:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f640}.filmstrip-item div[style*="flex-direction: column"]{gap:.2rem!important}.filmstrip-item div[style*="border-radius: 50%"]{width:32px!important;height:32px!important;font-size:.9rem!important;box-shadow:none!important}.filmstrip-item span[style*=text-overflow]{font-size:.65rem!important}.filmstrip-item span[style*="rgba(148,163,184"],.filmstrip-item span[style*="rgba(239,68,68"]{display:none!important}.filmstrip-item .video-overlay{display:flex;justify-content:flex-start;padding:.3rem;z-index:4}.filmstrip-item .video-overlay .user-name,.filmstrip-item .video-overlay .badges{display:none}.filmstrip-item .video-overlay .user-info-bar{justify-content:flex-end}.filmstrip-item .video-overlay .network-quality-pill{padding:.18rem .26rem}.filmstrip-item .video-overlay .network-quality-text{display:none}.video-wrapper{position:relative;border-radius:16px;overflow:hidden;background:var(--bg-secondary);box-shadow:0 10px 30px #0003;border:1px solid var(--glass-border);transition:all .3s ease}.video-wrapper:hover{border-color:#fff3}.video-wrapper.active-speaker{border-color:#3b82f6f2;box-shadow:0 0 0 2px #3b82f659,0 12px 34px #3b82f647}.video-wrapper.active-speaker:after{content:"";position:absolute;top:10px;left:10px;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 6px #22c55e33;z-index:4;pointer-events:none}.video-wrapper .pip-btn{display:none;position:absolute;top:8px;right:8px;z-index:5;background:#0009;border:none;padding:6px;border-radius:4px;cursor:pointer;color:#fff;pointer-events:auto;transition:background .2s}.video-wrapper .pip-btn:hover{background:#000c}.video-wrapper .pip-btn.active{background:#3b82f6d9}.video-wrapper:hover .pip-btn{display:block}.video-element{width:100%;height:100%;object-fit:contain;background:#000}.video-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;z-index:3;pointer-events:none}.user-info-bar{display:flex;justify-content:space-between;align-items:center;width:100%}.user-name{font-weight:500;color:#fff;background:#00000080;padding:.4rem .8rem;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.network-quality-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.26rem .48rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#00000085;color:#e2e8f0;font-size:.72rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);line-height:1}.network-quality-pill.excellent{color:#6ee7b7;border-color:#10b98180}.network-quality-pill.weak{color:#fbbf24;border-color:#f59e0b80}.network-quality-pill.poor{color:#fca5a5;border-color:#ef44448c}.network-bars{display:inline-flex;align-items:flex-end;gap:2px}.network-bar{width:3px;border-radius:2px;background:currentColor;opacity:.2}.network-bar:nth-child(1){height:4px}.network-bar:nth-child(2){height:6px}.network-bar:nth-child(3){height:8px}.network-bar:nth-child(4){height:10px}.network-quality-pill.excellent .network-bar{opacity:.95}.network-quality-pill.weak .network-bar:nth-child(-n+3){opacity:.9}.network-quality-pill.weak .network-bar:nth-child(4){opacity:.22}.network-quality-pill.poor .network-bar:nth-child(1){opacity:.95}.network-quality-pill.poor .network-bar:nth-child(n+2){opacity:.2}.network-quality-text{letter-spacing:.01em}.badges{display:flex;gap:.5rem;pointer-events:auto;justify-content:end}.badge{background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.5rem;border-radius:50%;border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .2s}.badge:hover{transform:scale(1.1)}.badge.muted,.badge.video-off{background:var(--danger);border-color:var(--danger)}.controls-bar{height:90px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;padding:0 2rem;z-index:100}.room-info-left{display:flex;align-items:center;gap:1.5rem;width:300px}.time-display{font-weight:600;font-size:1.1rem}.room-code-display{color:var(--text-muted);font-size:.9rem;background:#ffffff0d;padding:.4rem .8rem;border-radius:6px;letter-spacing:1px}.controls-center{display:flex;gap:1rem;align-items:center;justify-content:center}.controls-right{display:flex;gap:1rem;align-items:center;justify-content:flex-end;width:300px}.control-counter{position:absolute;top:-5px;right:-5px;font-size:.7rem;background:var(--accent-primary);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-weight:700}.control-counter.danger{background:#ea4335}.connection-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border-radius:999px;border:1px solid rgba(148,163,184,.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f172acc;color:var(--text-main);font-size:.82rem;z-index:120;max-width:min(90vw,700px);text-align:center}.connection-banner.success{border-color:#10b9818c;color:#a7f3d0}.connection-banner.warning{border-color:#f59e0b8c;color:#fcd34d}.connection-banner.error{border-color:#ef44448c;color:#fecaca}.control-btn{width:50px;height:50px;border-radius:50%;border:1px solid var(--glass-border);background:#ffffff0d;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.control-btn:hover{background:#ffffff26;transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}.control-btn.active{background:var(--accent-primary);border-color:var(--accent-hover);color:#fff;box-shadow:0 0 15px var(--accent-glow)}.control-btn.danger{background:#ef444433;color:var(--danger);border-color:#ef44444d}.control-btn.danger:hover{background:var(--danger);color:#fff}.control-btn.leave-btn{width:auto;padding:0 1.5rem;border-radius:25px;background:var(--danger);border-color:var(--danger);gap:.5rem;font-weight:600}.control-btn.leave-btn:hover{background:var(--danger-hover);box-shadow:0 4px 15px #ef444466}.control-label{display:none}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.05)}to{transform:translate(-20px,20px) scale(.95)}}.loading-screen{display:flex;background:var(--bg-primary);height:100vh;justify-content:center;align-items:center;flex-direction:column;color:#fff;gap:1rem;padding:2rem}.loading-illustration{max-width:300px;width:100%;margin-bottom:.5rem;animation:slideUp .8s ease-out forwards}.loading-illustration svg{width:100%;height:auto}.loader{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s infinite linear;margin-top:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.side-panel{width:360px;min-width:300px;background:var(--bg-secondary);border-left:1px solid var(--glass-border);display:flex;flex-direction:column;height:100%;animation:slideInRight .25s ease}.side-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--glass-border)}.side-panel-header h3{font-size:1.1rem;font-weight:600;color:var(--text-main)}.side-panel-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem}.info-section{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.info-section:last-child{border-bottom:none}.info-label{display:block;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-weight:500}.info-value{font-size:1.05rem;color:var(--text-main);font-weight:500;letter-spacing:.02em}.info-link-row{display:flex;align-items:center;gap:.75rem;background:#0f172a80;border:1px solid var(--glass-border);border-radius:10px;padding:.75rem 1rem;margin-top:.25rem}.info-link{font-size:.85rem;color:var(--accent-primary);word-break:break-all;flex:1}.copy-link-btn{display:flex;align-items:center;gap:.4rem;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;padding:.5rem .85rem;font-size:.8rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease;font-family:inherit}.copy-link-btn:hover{background:var(--accent-hover);transform:scale(1.02)}.people-list{display:flex;flex-direction:column;gap:.25rem}.people-item{display:flex;align-items:center;gap:.85rem;padding:.75rem .85rem;border-radius:10px;transition:background .2s ease}.people-item:hover{background:#ffffff0a}.people-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:#fff;flex-shrink:0}.people-info{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;min-width:0}.people-name{font-size:.95rem;font-weight:500;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-status{display:flex;gap:.5rem;align-items:center;flex-shrink:0;flex-wrap:wrap}.status-icon{color:var(--text-muted)}.muted-icon,.video-off-icon{color:var(--danger)}.hand-icon{color:#fbbf24}.people-network{font-size:.68rem;font-weight:700;border-radius:999px;padding:.15rem .44rem;border:1px solid transparent;line-height:1.2}.people-network.excellent{color:#6ee7b7;background:#10b98129;border-color:#10b98159}.people-network.weak{color:#fbbf24;background:#f59e0b29;border-color:#f59e0b59}.people-network.poor{color:#fca5a5;background:#ef444429;border-color:#ef444466}.host-lock-btn{width:100%;padding:.75rem;border:none;border-radius:8px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s;background:var(--accent-primary);color:#fff}.host-lock-btn:hover{background:var(--accent-hover)}.host-lock-btn.locked{background:#ef444433;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.host-lock-btn.locked:hover{background:var(--danger);color:#fff}.host-actions{display:flex;gap:.5rem}.host-action-btn,.host-action-remove{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-main);padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s}.host-action-btn:hover{background:#ffffff26}.host-action-remove{background:#ef44440d;border-color:#ef44444d;color:var(--danger)}.host-action-remove:hover{background:var(--danger);color:#fff}.reaction-picker{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:var(--glass-bg, rgba(32, 33, 36, .95));border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:24px;padding:8px 12px;display:flex;gap:4px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #0006;z-index:100;animation:pickerFadeIn .15s ease-out}@keyframes pickerFadeIn{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.reaction-emoji-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:6px;border-radius:50%;transition:transform .15s ease,background .15s ease;line-height:1}.reaction-emoji-btn:hover{transform:scale(1.3);background:#ffffff1a}.reaction-float-container{position:absolute;bottom:0;left:50%;transform:translate(-50%);pointer-events:none;z-index:10;display:flex;justify-content:center;width:100%;height:100%;overflow:hidden}.reaction-float{position:absolute;bottom:0;font-size:3.5rem;animation:reactionFloatUp 3s ease-out forwards;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}@keyframes reactionFloatUp{0%{opacity:1;transform:translateY(0) scale(.5)}15%{opacity:1;transform:translateY(-15%) scale(1.15)}30%{transform:translateY(-30%) scale(1)}to{opacity:0;transform:translateY(-110%) scale(.8)}}@media(min-width:1440px){.video-grid[data-count=many]{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-auto-rows:minmax(250px,1fr)}.hero-split{max-width:1300px;gap:4rem}.side-panel,.chat-panel{width:400px}}@media(max-width:1100px){.chat-panel,.side-panel{position:absolute;top:0;right:0;bottom:0;width:min(92vw,360px);min-width:0;z-index:30;box-shadow:-10px 0 28px #00000059}.connection-banner{top:8px;font-size:.78rem}}@media(max-width:900px){.controls-bar{padding:0 .75rem;height:80px;flex-wrap:nowrap}.room-info-left,.controls-right,.control-btn.leave-btn{display:none}.controls-center{flex:1;justify-content:center;gap:1rem;padding:.4rem 0;padding-inline:.25rem;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.controls-center::-webkit-scrollbar{display:none}.control-label{display:block;font-size:.65rem;font-weight:500;margin-top:2px;white-space:nowrap;color:inherit}.control-btn{width:auto;height:auto;min-width:52px;border-radius:12px;border:none;background:transparent;flex-direction:column;gap:1px;padding:.45rem .4rem .3rem;font-size:1rem;flex-shrink:0}.control-btn:hover{transform:none;box-shadow:none;background:#ffffff14}.control-btn.active{background:#3b82f626;box-shadow:none;border:none}.control-btn.danger{background:#ef444426;border:none}.control-btn.danger:hover{background:#ef444440;color:var(--danger)}.main-content-area{height:calc(100vh - 80px);height:calc(100dvh - 80px)}.connection-banner{max-width:calc(100vw - 1rem)}.video-grid-container{padding:.5rem .5rem .75rem}.video-grid{grid-template-columns:1fr;gap:.5rem}.video-grid[data-count="2"]{grid-template-columns:1fr;grid-template-rows:repeat(2,1fr)}.video-grid[data-count="3"],.video-grid[data-count="4"]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.video-grid[data-count=many]{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(180px,1fr)}.video-wrapper{border-radius:12px}.speaker-filmstrip{max-height:110px}.filmstrip-item{width:140px;min-width:140px;height:95px}.hero-split{flex-direction:column;text-align:center;gap:2rem}.hero-left{text-align:center}.hero-right{max-width:400px}.hero-badge{margin-left:auto;margin-right:auto}.input-row{margin:0 auto}.home-subtitle{margin-left:auto;margin-right:auto}.home-title{font-size:2.5rem}.input-row{max-width:400px;margin-left:auto;margin-right:auto}.action-row,.join-row{flex-direction:column}.primary-btn,.join-text-btn{width:100%}.link-group{width:100%;min-width:0}.features-grid{grid-template-columns:repeat(2,1fr)}.navbar{padding:0 1rem}.prejoin-layout{flex-direction:column}.prejoin-illustration-side{display:none}.prejoin-content{max-width:100%;padding:2rem 1.5rem;border-radius:16px;max-height:calc(100dvh - 88px)}.prejoin-title{font-size:1.6rem}.room-container.chat-open .chat-panel,.room-container.chat-open .side-panel{position:absolute;top:0;right:0;height:calc(100vh - 80px);height:calc(100dvh - 80px);width:100%;max-width:400px;z-index:50;border-left:none;box-shadow:-4px 0 20px #0006}.room-container.chat-open .video-grid-container{display:flex}}@media(max-width:600px){.home-container{padding:1rem;padding-top:calc(64px + 1rem)}.hero-right{display:none}.hero-left{text-align:center}.hero-badge{margin-left:auto;margin-right:auto}.input-row{margin:0 auto}.home-subtitle{margin-left:auto;margin-right:auto}.home-title{font-size:2rem;margin-bottom:1rem}.home-subtitle{font-size:.95rem;margin-bottom:1.5rem}.action-row,.join-row{flex-direction:column}.link-group{width:100%;min-width:0}.primary-btn,.join-text-btn{width:100%}.primary-btn{height:48px;font-size:1rem}.join-text-btn{height:48px}.input-field{height:48px;font-size:.95rem}.navbar-time{display:none}.features-grid{grid-template-columns:1fr;gap:1rem}.features-section{padding:2rem 1rem}.feature-card{padding:1.5rem 1rem}.prejoin-container{padding:1rem}.prejoin-content{padding:1.5rem 1rem;gap:1.25rem;max-height:calc(100dvh - 74px)}.prejoin-title{font-size:1.4rem}.video-preview{border-radius:12px}.user-initial{width:70px;height:70px;font-size:2rem}.preview-controls{bottom:1rem;gap:.75rem}.join-now-btn{height:48px;font-size:1rem;border-radius:24px}.prejoin-name-input{height:48px;font-size:.95rem}.device-select-grid{grid-template-columns:1fr;gap:.65rem}.device-select-field select{height:40px}.controls-bar{height:62px;padding:0 .5rem}.controls-center{gap:.28rem;padding:.3rem .2rem}.controls-center>.reaction-picker-wrapper{margin-left:.24rem}.control-btn{min-width:46px;padding:.35rem .3rem .25rem}.control-label{font-size:.6rem}.main-content-area{height:calc(100vh - 62px);height:calc(100dvh - 62px)}.video-grid-container{padding:.25rem .25rem .5rem}.video-grid{gap:.35rem}.video-wrapper{border-radius:10px}.speaker-filmstrip{max-height:90px;gap:.4rem}.filmstrip-item{width:110px;min-width:110px;height:72px}.video-grid[data-count="2"]{grid-template-columns:1fr;grid-template-rows:repeat(2,1fr)}.video-grid[data-count="3"],.video-grid[data-count="4"],.video-grid[data-count=many]{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(120px,1fr)}.video-grid-container{overflow-y:auto;align-items:flex-start}.video-grid[data-count=many]{height:auto;min-height:100%}.video-overlay{padding:.5rem}.user-name{font-size:.75rem;padding:.25rem .5rem}.network-quality-pill{padding:.2rem .34rem}.network-quality-text{display:none}.badge{padding:.35rem}.room-container.chat-open .chat-panel,.room-container.chat-open .side-panel{height:calc(100vh - 62px);height:calc(100dvh - 62px);width:100%;max-width:100%}.room-container.chat-open .video-grid-container{display:none}.chat-panel,.side-panel{width:100%!important;min-width:0!important}.chat-messages{padding:1rem}.chat-input-form{padding:.75rem}.chat-input-form input{font-size:.9rem;padding:.6rem .75rem}.side-panel-header,.side-panel-body{padding:1rem}.info-link-row{flex-direction:column;align-items:stretch;gap:.5rem}.copy-link-btn{justify-content:center;padding:.6rem}.people-avatar{width:36px;height:36px;font-size:.9rem}.people-name{font-size:.85rem}.filmstrip-item{width:130px;min-width:130px;height:90px}}@media(max-width:400px){.home-container{padding:.75rem;padding-top:calc(64px + .75rem)}.navbar{height:52px;padding:0 .75rem}.navbar-logo{width:32px;height:32px;border-radius:8px}.home-title{font-size:1.6rem}.home-subtitle{font-size:.85rem;margin-bottom:1rem}.input-row{gap:1rem}.action-row,.join-row{gap:.75rem}.primary-btn{height:44px;font-size:.95rem;padding:0 1rem}.join-text-btn,.input-field{height:44px;font-size:.9rem}.controls-bar{height:56px;padding:0 .35rem}.control-btn{min-width:40px;padding:.3rem .2rem .2rem}.controls-center{gap:15px;padding:.3rem 14px}.controls-center>.reaction-picker-wrapper{margin-left:.18rem}.control-label{font-size:.55rem}.control-btn svg{width:18px;height:18px}.main-content-area{height:calc(100vh - 56px);height:calc(100dvh - 56px)}.filmstrip-item{width:90px;min-width:90px;height:60px}.speaker-filmstrip{max-height:72px;gap:.3rem}.more-menu-popup{min-width:160px}.video-grid[data-count="3"],.video-grid[data-count="4"],.video-grid[data-count=many]{grid-template-columns:1fr;grid-auto-rows:minmax(150px,1fr)}.prejoin-container{padding:.5rem}.prejoin-content{padding:1rem .75rem;gap:1rem;max-height:calc(100dvh - 66px)}.prejoin-title{font-size:1.2rem}.preview-controls{bottom:.5rem}.join-now-btn{height:44px;font-size:.9rem}.prejoin-name-input{height:44px;font-size:.85rem}.prejoin-device-test{padding:.8rem;gap:.65rem}.mic-test-title{font-size:.86rem}.mic-test-note{font-size:.76rem}.clock-display{display:none}.room-container.chat-open .chat-panel,.room-container.chat-open .side-panel{height:calc(100vh - 56px);height:calc(100dvh - 56px)}.side-panel-header,.side-panel-body{padding:.75rem}.chat-header{padding:.75rem 1rem}.chat-messages{padding:.75rem;gap:.75rem}.message-text{padding:.6rem .8rem;font-size:.85rem}}@media(max-height:500px)and (orientation:landscape){.controls-bar{height:56px;padding:0 .5rem}.main-content-area{height:calc(100vh - 56px);height:calc(100dvh - 56px)}.control-btn svg{width:16px;height:16px}.video-grid{gap:.25rem}.video-grid[data-count="2"]{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.video-grid[data-count="3"],.video-grid[data-count="4"]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.video-grid-container{padding:.25rem}.video-overlay{padding:.4rem}.user-name{font-size:.65rem;padding:.2rem .4rem}}.reaction-picker-wrapper{position:relative}.reaction-picker{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:#0f172af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:50px;padding:.5rem .75rem;display:flex;gap:.35rem;box-shadow:0 8px 32px #00000080;z-index:200;animation:popUp .18s cubic-bezier(.16,1,.3,1) forwards}@keyframes popUp{0%{opacity:0;transform:translate(-50%) scale(.8) translateY(8px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.reaction-emoji-btn{background:none;border:none;font-size:1.6rem;cursor:pointer;padding:.25rem;border-radius:50%;transition:transform .15s ease,background .15s ease;line-height:1}.reaction-emoji-btn:hover{transform:scale(1.35);background:#ffffff14}.reaction-emoji-btn:active{transform:scale(1.1)}.reaction-float-container{position:absolute;bottom:60px;transform:translate(-50%);pointer-events:none;z-index:50}.reaction-float{display:block;font-size:2.2rem;animation:reactionFloat 2.8s ease-out forwards;will-change:transform,opacity;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}@keyframes reactionFloat{0%{transform:translateY(0) scale(.6);opacity:0}10%{transform:translateY(-10px) scale(1.2);opacity:1}80%{transform:translateY(-120px) scale(1);opacity:1}to{transform:translateY(-150px) scale(.8);opacity:0}}@keyframes handPulse{0%,to{transform:translate(-50%) scale(1);box-shadow:0 0 0 3px #fbbf2459,0 4px 16px #0006}50%{transform:translate(-50%) scale(1.07);box-shadow:0 0 0 6px #fbbf2480,0 6px 20px #00000080}}.screen-share-btn.screen-sharing-active{background:#10b98133!important;color:var(--success)!important;border-color:#10b98166!important;animation:screenSharePulse 2s ease-in-out infinite}.screen-share-btn.screen-sharing-active:hover{background:var(--success)!important;color:#fff!important}@keyframes screenSharePulse{0%,to{box-shadow:0 0 #10b9814d}50%{box-shadow:0 0 0 8px #10b98100}}.badge.screen-share-badge{background:#10b981d9;border-color:#10b98199;color:#fff}.screen-share-video{object-fit:contain!important;background:#000}.screen-sharing-wrapper{border-color:#10b98166!important;box-shadow:0 0 20px #10b98126,0 10px 30px #0003!important}.speaker-layout.screen-share-active{flex-direction:row}.speaker-layout.screen-share-active .speaker-main{flex:3}.speaker-layout.screen-share-active .speaker-filmstrip{flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:100%;max-width:200px;width:200px;padding:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.speaker-layout.screen-share-active .speaker-filmstrip::-webkit-scrollbar{width:5px}.speaker-layout.screen-share-active .speaker-filmstrip::-webkit-scrollbar-track{background:transparent}.speaker-layout.screen-share-active .speaker-filmstrip::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.speaker-layout.screen-share-active .filmstrip-item{width:100%;min-width:unset;height:110px}@media(max-width:900px){.speaker-layout.screen-share-active{flex-direction:column}.speaker-layout.screen-share-active .speaker-main{flex:1}.speaker-layout.screen-share-active .speaker-filmstrip{flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:100px;max-width:100%;width:100%}.speaker-layout.screen-share-active .filmstrip-item{width:130px;min-width:130px;height:85px}.screen-share-btn.screen-sharing-active .control-label{color:var(--success)}}@media(max-width:600px){.speaker-layout.screen-share-active .speaker-filmstrip{max-height:80px;gap:.35rem}.speaker-layout.screen-share-active .filmstrip-item{width:100px;min-width:100px;height:65px}.screen-share-btn.screen-sharing-active{animation:none}}@media(max-width:400px){.speaker-layout.screen-share-active .speaker-filmstrip{max-height:65px;gap:.25rem}.speaker-layout.screen-share-active .filmstrip-item{width:80px;min-width:80px;height:52px}}@media(max-height:500px)and (orientation:landscape){.speaker-layout.screen-share-active{flex-direction:row}.speaker-layout.screen-share-active .speaker-filmstrip{flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:100%;max-width:120px;width:120px}.speaker-layout.screen-share-active .filmstrip-item{width:100%;min-width:unset;height:70px}}.custom-toaster-container{bottom:90px!important}@media(max-width:768px){.custom-toaster-container{bottom:110px!important}}@media(max-width:900px){.reaction-picker,.more-menu-popup{position:fixed;top:auto;bottom:calc(90px + env(safe-area-inset-bottom));z-index:500}.reaction-picker{left:50%;right:auto;transform:translate(-50%);max-width:calc(100vw - 1rem);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.reaction-picker::-webkit-scrollbar{display:none}.more-menu-popup{right:.5rem;left:auto;max-height:min(62vh,420px);overflow-y:auto}}@media(max-width:600px){.reaction-picker,.more-menu-popup{bottom:calc(70px + env(safe-area-inset-bottom))}}@media(max-width:400px),(max-height:500px)and (orientation:landscape){.reaction-picker,.more-menu-popup{bottom:calc(64px + env(safe-area-inset-bottom))}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem;position:relative;overflow:hidden}.auth-page:before,.auth-page:after{content:"";position:absolute;border-radius:999px;filter:blur(90px);opacity:.35;pointer-events:none}.auth-page:before{width:420px;height:420px;top:-140px;left:-120px;background:#3b82f66b}.auth-page:after{width:360px;height:360px;right:-90px;bottom:-120px;background:#22c55e33}.auth-shell{width:min(1060px,100%);display:grid;grid-template-columns:1.08fr .92fr;gap:1rem;position:relative;z-index:1}.auth-brand-panel{background:linear-gradient(155deg,#1e293be0,#0f172adb),radial-gradient(circle at top right,rgba(37,99,235,.22),transparent 52%);border:1px solid rgba(148,163,184,.2);border-radius:24px;padding:2rem;box-shadow:0 24px 60px #02061780;display:flex;flex-direction:column;justify-content:center}.auth-brand-badge{width:fit-content;padding:.35rem .8rem;border-radius:999px;border:1px solid rgba(59,130,246,.35);background:#3b82f626;color:#bfdbfe;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.auth-brand-title{margin-top:.9rem;font-size:clamp(1.85rem,2.8vw,2.35rem);line-height:1.15;color:var(--text-main)}.auth-brand-subtitle{margin-top:.8rem;color:var(--text-muted);font-size:1rem;line-height:1.55;max-width:50ch}.auth-feature-list{margin-top:1.5rem;display:grid;gap:.85rem}.auth-feature-item{display:flex;gap:.75rem;padding:.78rem .85rem;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:#0f172a80}.auth-feature-icon{width:34px;min-width:34px;height:34px;border-radius:10px;background:#3b82f62e;color:#93c5fd;display:inline-flex;align-items:center;justify-content:center}.auth-feature-item h3{font-size:.96rem;font-weight:600;color:var(--text-main)}.auth-feature-item p{margin-top:.24rem;color:var(--text-muted);font-size:.86rem;line-height:1.45}.auth-card{width:100%;max-width:480px;margin:0 auto;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-card-header{margin-bottom:.9rem;text-align:center}.auth-card-eyebrow{display:inline-flex;align-items:center;padding:.3rem .68rem;border-radius:999px;border:1px solid rgba(99,102,241,.35);background:#6366f126;color:#c7d2fe;font-size:.76rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.auth-card-title{margin-top:.7rem;font-size:clamp(1.5rem,2.1vw,1.85rem);line-height:1.2}.auth-card-subtitle{margin-top:.45rem;color:var(--text-muted);font-size:.96rem}.auth-form{margin-top:1.2rem;display:flex;flex-direction:column;gap:1rem}.auth-form label{display:flex;flex-direction:column;gap:.45rem;color:var(--text-main);font-size:.95rem}.auth-input{padding-left:1rem}.auth-submit-btn{margin-top:.6rem;width:100%}.auth-card-footer{margin-top:1rem}.auth-security-note{display:flex;align-items:center;gap:.45rem;color:#93c5fd;font-size:.84rem}.auth-footer-text{margin-top:.65rem;font-size:.95rem;text-align:center}.auth-footer-text a{color:var(--accent-primary);text-decoration:none}.auth-footer-text a:hover{text-decoration:underline}.auth-loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}@media(max-width:980px){.auth-shell{grid-template-columns:1fr;gap:.85rem}.auth-brand-panel{padding:1.5rem}.auth-card{margin-left:0;max-width:none}}@media(max-width:600px){.auth-page{padding:1rem .8rem}.auth-brand-panel,.auth-card{padding:1.2rem;border-radius:18px}.auth-feature-item{padding:.7rem .75rem}}.navbar-user{font-size:.9rem;color:var(--text-main);padding:.35rem .65rem;border:1px solid var(--glass-border);border-radius:10px;background:#0f172a80}.navbar-logout-btn{height:36px;padding:0 .8rem;border-radius:10px;border:1px solid var(--glass-border);background:#ef444429;color:#fecaca;display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;cursor:pointer;transition:all .2s ease}.navbar-logout-btn:hover{background:#ef44443d}.welcome-pill{display:inline-flex;align-items:center;margin-bottom:1.2rem;padding:.42rem .85rem;border-radius:999px;border:1px solid rgba(59,130,246,.35);background:#3b82f61f;color:#bfdbfe;font-size:.88rem}*,*:before,*:after{box-shadow:none!important;text-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}body,.home-page,.prejoin-page,.room-container,.auth-page{background:var(--bg-primary)!important}.home-container:before,.home-container:after,.auth-page:before,.auth-page:after,.video-wrapper.active-speaker:after{content:none!important;display:none!important;animation:none!important;filter:none!important}.navbar,.prejoin-topbar,.feature-card,.prejoin-content,.clock-display,.controls-bar,.user-name,.network-quality-pill,.badge,.reaction-picker,.more-menu-popup,.auth-brand-panel,.auth-card,.control-btn,.navbar-user,.chat-panel,.side-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;filter:none!important;background-image:none!important}.navbar,.prejoin-topbar,.controls-bar,.chat-panel,.side-panel,.auth-card,.prejoin-content,.feature-card,.auth-brand-panel,.reaction-picker,.more-menu-popup{background:var(--bg-secondary)!important}.navbar-logo,.primary-btn,.feature-icon,.user-initial,.mic-meter-fill,.auth-card-eyebrow,.auth-feature-icon,.title-gradient,.badge.screen-share-badge,.screen-share-btn.screen-sharing-active,.screen-share-btn.screen-sharing-active:hover{background-image:none!important;box-shadow:none!important}.navbar-logo,.primary-btn,.feature-icon,.user-initial,.people-avatar,.auth-feature-icon,.badge.screen-share-badge,.screen-share-btn.screen-sharing-active,.screen-share-btn.screen-sharing-active:hover{background:var(--accent-primary)!important}.preview-placeholder,.auth-brand-panel,.video-preview,.video-wrapper,.reaction-float,.screen-sharing-wrapper{background-image:none!important;box-shadow:none!important;filter:none!important}.preview-placeholder{background:var(--bg-secondary)!important}.mic-meter-fill{background:var(--success)!important}.navbar-name,.title-gradient{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;color:var(--text-main)!important}.input-field:focus,.prejoin-name-input:focus,.device-select-field select:focus,.control-btn:focus-visible,.navbar-logout-btn:focus-visible,.host-lock-btn:focus-visible,.copy-link-btn:focus-visible{box-shadow:none!important}.primary-btn:hover,.primary-btn:active,.join-text-btn:hover:not(:disabled),.feature-card:hover,.feature-card:hover .feature-icon,.video-wrapper:hover,.video-wrapper:hover .pip-btn,.video-wrapper .pip-btn:hover,.video-wrapper .pip-btn.active,.badge:hover,.reaction-emoji-btn:hover,.reaction-emoji-btn:active,.more-menu-item:hover,.control-btn:hover,.control-btn:active{transform:none!important;box-shadow:none!important;filter:none!important}.hero-badge,.illustration-container,.home-title,.home-subtitle,.input-row,.feature-card,.prejoin-illustration-side,.prejoin-content,.chat-panel,.reaction-picker,.more-menu-popup,.reaction-float,.screen-share-btn.screen-sharing-active{animation:none!important}.illustration-container{opacity:1!important;transform:none!important}