:root{--bg: #08111f;--panel: rgba(14, 25, 43, .92);--panel-2: rgba(18, 32, 55, .95);--mobile-header-h: 64px;--stage: rgba(5, 12, 24, .82);--line: rgba(255, 255, 255, .1);--text: #eef6ff;--muted: #9badc5;--accent: #65d6ff;--accent-2: #a995ff;--danger: #ff6b6b;--ok: #19d184;--warn: #ffc857;--radius: 22px;--shadow: 0 24px 70px rgba(0, 0, 0, .35);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at 18% 8%,rgba(101,214,255,.22),transparent 32%),radial-gradient(circle at 82% 12%,rgba(169,149,255,.2),transparent 30%),linear-gradient(180deg,#08111f,#0d1728 52%,#050913);overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.header{height:72px;padding:14px clamp(16px,3vw,32px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#04091294;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;gap:12px;font-weight:800}.logo-img,.logo-mark{width:44px;height:44px;border-radius:14px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#07101c;font-weight:900;box-shadow:0 10px 35px #65d6ff2e}.logo-text{font-size:20px}.room-badge{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffff0f;color:var(--muted)}.status-dot{width:10px;height:10px;border-radius:50%;background:#64748b;box-shadow:0 0 0 4px #64748b1f}.status-dot.connected{background:var(--ok);box-shadow:0 0 0 4px #19d18424}.status-dot.connecting{background:var(--warn);box-shadow:0 0 0 4px #ffc85724}.status-dot.disconnected{background:#64748b}#leaveRoomBtn,#participantCount{display:none!important}.main-container{height:calc(100vh - 72px);min-height:0;padding:clamp(14px,3vw,28px)}.panel{max-width:560px;margin:8vh auto;padding:clamp(24px,5vw,42px);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel h1{margin:0 0 10px;font-size:clamp(34px,6vw,56px);line-height:1}.panel p{margin:0 0 26px;color:var(--muted);font-size:17px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}label{display:grid;gap:8px;color:var(--muted);font-size:14px}input{width:100%;border:1px solid rgba(255,255,255,.13);background:#ffffff14;color:var(--text);border-radius:16px;padding:14px 15px;outline:none}input:focus{border-color:#65d6ffb3;box-shadow:0 0 0 4px #65d6ff1f}.hint{margin-top:18px;color:var(--muted);font-size:14px;line-height:1.45}.btn{border:1px solid rgba(255,255,255,.12);color:var(--text);background:#ffffff14;border-radius:16px;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:#ffffff3d}.btn-primary{background:linear-gradient(135deg,#46c7f7,#8e7cff);color:#06101d;font-weight:800;border:none}.btn-ghost{background:#ffffff0f}.btn-wide{width:100%}.btn-icon{width:52px;height:52px;border-radius:18px;padding:0;position:relative;font-size:19px}.btn-icon.active{background:#65d6ff3d;border-color:#65d6ff80}.btn-icon.disabled{opacity:.52}.btn-danger{background:#ff6b6b29;border-color:#ff6b6b5c;color:#ffd0d0}.voice-dot{position:absolute;right:10px;bottom:9px;width:9px;height:9px;border-radius:50%;background:#64748b}.btn-icon.active .voice-dot{background:var(--ok)}#toggleParticipantsBtn{position:relative}#toggleParticipantsBtn:after{content:attr(data-count);position:absolute;right:-5px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--ok);color:#06101d;font-size:11px;font-weight:900;line-height:1;border:2px solid rgba(4,9,18,.95)}#toggleParticipantsBtn[data-count="0"]:after{display:none}.call-container{height:100%;min-height:0;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;gap:14px}.stage{min-width:0;min-height:0;position:relative;background:var(--stage);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.controls{min-height:72px;display:flex;justify-content:center;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.status-bar{min-height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:var(--muted);background:#ffffff0b;border:1px solid var(--line);border-radius:16px}.participants-strip{grid-row:1 / 4;width:260px;min-width:260px;min-height:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:margin-left .2s ease,opacity .2s ease}.participants-strip.collapsed{margin-left:-280px;opacity:0;pointer-events:none}.strip-head{height:48px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted)}.tiny-btn{width:28px;height:28px;border-radius:10px;border:1px solid var(--line);background:#ffffff14;color:var(--text)}.strip-videos{height:calc(100% - 48px);padding:12px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden}.strip-participant{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;min-height:66px;padding:10px;border:1px solid var(--line);border-radius:16px;background:#ffffff0b}.strip-participant.is-speaking{border-color:#19d18473;box-shadow:none}.strip-preview{width:86px;height:54px;border-radius:12px;overflow:hidden;background:#030712;display:grid;place-items:center}.strip-video{width:100%;height:100%;object-fit:cover}.strip-avatar{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#07101c;font-weight:900}.strip-info{min-width:0;display:grid;gap:6px;align-content:center}.strip-name{color:var(--text);font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-participant.is-speaking .strip-name:after{content:"";display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:var(--ok)}.strip-badges{display:flex;gap:5px;flex-wrap:wrap}.strip-badges span,.tile-badges span{padding:4px 7px;border-radius:999px;background:#00000061;color:#dbeafe;font-size:11px;line-height:1}.strip-badges .ok{background:#19d1842e;color:#b9f8d8}.strip-badges .off{background:#64748b38;color:#cbd5e1}.strip-badges .speaking{background:#19d18459;color:#fff}.carousel-floating-btn{display:none!important}.video-grid{--tile-min: clamp(220px, 28vw, 420px);width:100%;height:100%;min-height:0;padding:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--tile-min)),1fr));grid-auto-flow:row;grid-auto-rows:auto;gap:14px;align-items:start;align-content:start;justify-items:stretch;overflow-y:auto;overflow-x:hidden}.video-grid[data-count="1"]{grid-template-columns:minmax(min(100%,360px),880px);justify-content:center;align-content:center}.video-grid[data-count="2"],.video-grid[data-count="3"],.video-grid[data-count="4"]{--tile-min: clamp(260px, 30vw, 520px)}.video-grid[data-count="5"],.video-grid[data-count="6"],.video-grid[data-count="7"],.video-grid[data-count="8"],.video-grid[data-count="9"],.video-grid[data-count="10"],.video-grid[data-count="11"],.video-grid[data-count="12"]{--tile-min: clamp(190px, 22vw, 320px)}.video-grid[data-count="13"],.video-grid[data-count="14"],.video-grid[data-count="15"],.video-grid[data-count="16"],.video-grid[data-count="17"],.video-grid[data-count="18"],.video-grid[data-count="19"],.video-grid[data-count="20"],.video-grid[data-count="21"],.video-grid[data-count="22"],.video-grid[data-count="23"],.video-grid[data-count="24"]{--tile-min: clamp(150px, 16vw, 240px)}.participant-tile{position:relative;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16 / 9;display:block;overflow:hidden;background:#ffffff0e;border:1px solid var(--line);border-radius:20px}.participant-tile.is-speaking{border-color:#19d18473;box-shadow:none}.tile-media{position:relative;width:100%;height:100%;min-height:0;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#65d6ff14,#a995ff1a)}.tile-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tile-avatar{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#07101c;font-size:36px;font-weight:900}.tile-name{position:absolute;left:12px;bottom:12px;z-index:5;max-width:calc(100% - 24px);padding:8px 11px;border-radius:999px;background:#00000070;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-tile.is-speaking .tile-name:after{content:"";display:inline-block;width:8px;height:8px;margin-left:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px #19d18421}.tile-badges{position:absolute;left:12px;top:12px;z-index:5;display:flex;flex-wrap:wrap;gap:6px}.tile-badges .ok,.tile-badges .off,.camera-off-label{display:none!important}.tile-badges .you{background:#65d6ff3b;color:#fff}.mic-muted-icon{width:28px;height:28px;border-radius:999px;display:inline-grid;place-items:center;background:#00000085;color:#fff;font-size:15px;line-height:1}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;color:var(--muted);text-align:center;pointer-events:none}.empty-icon{font-size:54px;margin-bottom:8px}.empty-state h2{margin:0 0 8px;color:var(--text)}.empty-state p{margin:0}.video-grid.hidden-by-screen,body.has-screen .video-grid{display:none!important}.screen-stage{height:100%;display:grid;grid-template-rows:46px 1fr;background:#030712}.screen-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:var(--muted);border-bottom:1px solid var(--line);background:#ffffff0a}.main-video-inner{min-height:0;display:grid;place-items:center;overflow:hidden}.screen-video{width:100%;height:100%;object-fit:contain;background:#030712}body.has-screen{overflow:hidden}body.has-screen .header{position:fixed;top:10px;left:12px;right:12px;height:46px;padding:0;z-index:1200;border:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}body.has-screen .logo,body.has-screen .room-badge{pointer-events:auto}body.has-screen .logo{padding:6px 10px;border-radius:999px;background:#0409126b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.has-screen .logo-img,body.has-screen .logo-mark{width:34px;height:34px;border-radius:11px}body.has-screen .room-badge{min-height:36px;padding:8px 13px;background:#0409127a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#ffffff1f;color:var(--text)}body.has-screen .main-container{height:100vh;padding:0}body.has-screen .call-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:block;background:#030712}body.has-screen .stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;border:none;border-radius:0;background:#030712;box-shadow:none}body.has-screen .screen-stage{width:100vw;height:100vh;display:grid;grid-template-rows:1fr;background:#030712}body.has-screen .screen-header{display:none!important}body.has-screen .main-video-inner{width:100vw;height:100vh;min-height:100vh;overflow:hidden;background:#030712}body.has-screen .screen-video{width:100vw;height:100vh;object-fit:contain;background:#030712}body.has-screen .controls{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:1300;min-height:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}body.has-screen .controls .btn,body.has-screen .controls .btn-icon,body.has-screen .controls .btn-danger{background:#0409128f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#ffffff24;box-shadow:0 8px 28px #00000042}body.has-screen .controls .btn-icon.active{background:#65d6ff47;border-color:#65d6ff94}body.has-screen .status-bar{display:none!important}body.has-screen .participants-strip{position:fixed;top:66px;left:12px;bottom:86px;z-index:1250;width:280px;min-width:280px;background:#0e192bd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 48px #00000061}body.has-screen .participants-strip.collapsed{margin-left:-310px;opacity:0;pointer-events:none}body.has-screen .strip-videos{max-height:calc(100vh - 170px)}body.has-screen .empty-state,body.has-screen .video-grid{display:none!important}.video-grid{width:100%!important;height:100%!important;min-height:0!important;padding:18px!important;gap:14px!important;display:grid!important;overflow-y:auto!important;overflow-x:hidden!important;align-content:start!important;align-items:stretch!important;justify-items:stretch!important;grid-auto-rows:auto!important}.participant-tile{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16 / 9!important;overflow:hidden!important}.tile-media{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}.tile-video{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important}@media(min-width:1201px){.video-grid[data-count="1"]{grid-template-columns:minmax(520px,900px)!important;justify-content:center!important;align-content:center!important}.video-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(420px,1fr))!important;align-content:center!important}.video-grid[data-count="3"],.video-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(360px,1fr))!important;align-content:center!important}.video-grid[data-count="5"],.video-grid[data-count="6"]{grid-template-columns:repeat(3,minmax(280px,1fr))!important}.video-grid[data-count="7"],.video-grid[data-count="8"],.video-grid[data-count="9"],.video-grid[data-count="10"],.video-grid[data-count="11"],.video-grid[data-count="12"]{grid-template-columns:repeat(4,minmax(220px,1fr))!important}.video-grid[data-count="13"],.video-grid[data-count="14"],.video-grid[data-count="15"],.video-grid[data-count="16"],.video-grid[data-count="17"],.video-grid[data-count="18"],.video-grid[data-count="19"],.video-grid[data-count="20"],.video-grid[data-count="21"],.video-grid[data-count="22"],.video-grid[data-count="23"],.video-grid[data-count="24"]{grid-template-columns:repeat(5,minmax(170px,1fr))!important}}@media(min-width:761px)and (max-width:1200px){.video-grid[data-count="1"]{grid-template-columns:minmax(420px,820px)!important;justify-content:center!important;align-content:center!important}.video-grid[data-count="2"],.video-grid[data-count="3"],.video-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(260px,1fr))!important;align-content:center!important}.video-grid[data-count="5"],.video-grid[data-count="6"],.video-grid[data-count="7"],.video-grid[data-count="8"],.video-grid[data-count="9"]{grid-template-columns:repeat(3,minmax(190px,1fr))!important}.video-grid[data-count="10"],.video-grid[data-count="11"],.video-grid[data-count="12"],.video-grid[data-count="13"],.video-grid[data-count="14"],.video-grid[data-count="15"],.video-grid[data-count="16"],.video-grid[data-count="17"],.video-grid[data-count="18"],.video-grid[data-count="19"],.video-grid[data-count="20"],.video-grid[data-count="21"],.video-grid[data-count="22"],.video-grid[data-count="23"],.video-grid[data-count="24"]{grid-template-columns:repeat(4,minmax(140px,1fr))!important}}@media(max-width:760px){.video-grid{padding:10px!important;gap:8px!important;align-content:start!important}.video-grid[data-count="1"]{grid-template-columns:1fr!important;align-content:center!important}.video-grid[data-count="2"],.video-grid[data-count="3"],.video-grid[data-count="4"],.video-grid[data-count="5"],.video-grid[data-count="6"],.video-grid[data-count="7"],.video-grid[data-count="8"],.video-grid[data-count="9"],.video-grid[data-count="10"],.video-grid[data-count="11"],.video-grid[data-count="12"],.video-grid[data-count="13"],.video-grid[data-count="14"],.video-grid[data-count="15"],.video-grid[data-count="16"],.video-grid[data-count="17"],.video-grid[data-count="18"],.video-grid[data-count="19"],.video-grid[data-count="20"],.video-grid[data-count="21"],.video-grid[data-count="22"],.video-grid[data-count="23"],.video-grid[data-count="24"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.participant-tile{border-radius:14px!important}.tile-avatar{width:54px!important;height:54px!important;border-radius:18px!important;font-size:26px!important}.tile-name{left:7px!important;bottom:7px!important;max-width:calc(100% - 14px)!important;padding:5px 7px!important;font-size:12px!important}.tile-badges{left:7px!important;top:7px!important}.tile-badges span{padding:3px 5px!important;font-size:10px!important}.mic-muted-icon{width:22px!important;height:22px!important;font-size:12px!important}}@media(max-width:420px){.video-grid{padding:8px!important;gap:7px!important}.tile-name{font-size:11px!important}}.screen-zoom-controls{display:none}body.has-screen .screen-zoom-controls{position:fixed;right:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:1350;display:flex;align-items:center;gap:8px}.screen-zoom-btn{width:46px;height:46px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#0409128f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);font-weight:900;font-size:18px;box-shadow:0 8px 28px #00000042;cursor:pointer}.screen-zoom-btn:hover{border-color:#65d6ff8c;background:#65d6ff2e}.screen-zoom-reset{width:58px;font-size:13px}body.has-screen .main-video-inner{will-change:transform;transition:transform .12s ease-out;cursor:default}body.has-screen .main-video-inner.is-zoomed{cursor:grab}body.has-screen .main-video-inner.is-dragging{cursor:grabbing;transition:none}@media(max-width:760px),(pointer:coarse){body.has-screen .screen-zoom-controls{display:none!important}body.has-screen .main-video-inner{cursor:default!important;touch-action:none;user-select:none;-webkit-user-select:none}body.has-screen .main-video-inner.is-zoomed{cursor:default!important}}body:not(.has-screen) .video-grid{margin-left:auto!important;margin-right:auto!important}@media(min-width:1201px){body:not(.has-screen) .video-grid[data-count="1"]{max-width:980px!important;grid-template-columns:minmax(320px,980px)!important;justify-content:center!important;align-content:center!important}body:not(.has-screen) .video-grid[data-count="2"]{max-width:1320px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:center!important;align-content:center!important}body:not(.has-screen) .video-grid[data-count="3"],body:not(.has-screen) .video-grid[data-count="4"]{max-width:1320px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:center!important;align-content:center!important}body:not(.has-screen) .video-grid[data-count="5"],body:not(.has-screen) .video-grid[data-count="6"]{max-width:1500px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:center!important;align-content:start!important}body:not(.has-screen) .video-grid[data-count="7"],body:not(.has-screen) .video-grid[data-count="8"],body:not(.has-screen) .video-grid[data-count="9"],body:not(.has-screen) .video-grid[data-count="10"],body:not(.has-screen) .video-grid[data-count="11"],body:not(.has-screen) .video-grid[data-count="12"]{max-width:1680px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;justify-content:center!important;align-content:start!important}}@media(min-width:761px)and (max-width:1200px){body:not(.has-screen) .video-grid[data-count="1"]{max-width:860px!important;grid-template-columns:minmax(280px,860px)!important;justify-content:center!important;align-content:center!important}body:not(.has-screen) .video-grid[data-count="2"],body:not(.has-screen) .video-grid[data-count="3"],body:not(.has-screen) .video-grid[data-count="4"]{max-width:980px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:center!important;align-content:center!important}body:not(.has-screen) .video-grid[data-count="5"],body:not(.has-screen) .video-grid[data-count="6"],body:not(.has-screen) .video-grid[data-count="7"],body:not(.has-screen) .video-grid[data-count="8"],body:not(.has-screen) .video-grid[data-count="9"]{max-width:1100px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:center!important;align-content:start!important}}@media(max-width:760px){body:not(.has-screen) .video-grid[data-count="1"]{max-width:none!important;grid-template-columns:1fr!important;align-content:center!important}body:not(.has-screen) .video-grid[data-count="2"],body:not(.has-screen) .video-grid[data-count="3"],body:not(.has-screen) .video-grid[data-count="4"],body:not(.has-screen) .video-grid[data-count="5"],body:not(.has-screen) .video-grid[data-count="6"],body:not(.has-screen) .video-grid[data-count="7"],body:not(.has-screen) .video-grid[data-count="8"],body:not(.has-screen) .video-grid[data-count="9"],body:not(.has-screen) .video-grid[data-count="10"],body:not(.has-screen) .video-grid[data-count="11"],body:not(.has-screen) .video-grid[data-count="12"],body:not(.has-screen) .video-grid[data-count="13"],body:not(.has-screen) .video-grid[data-count="14"],body:not(.has-screen) .video-grid[data-count="15"],body:not(.has-screen) .video-grid[data-count="16"],body:not(.has-screen) .video-grid[data-count="17"],body:not(.has-screen) .video-grid[data-count="18"],body:not(.has-screen) .video-grid[data-count="19"],body:not(.has-screen) .video-grid[data-count="20"],body:not(.has-screen) .video-grid[data-count="21"],body:not(.has-screen) .video-grid[data-count="22"],body:not(.has-screen) .video-grid[data-count="23"],body:not(.has-screen) .video-grid[data-count="24"]{max-width:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important}}.prejoin-box{display:grid;gap:14px;margin:18px 0}.camera-preview{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:18px;overflow:hidden;background:#030712c7;border:1px solid var(--line)}.camera-preview video{width:100%;height:100%;object-fit:cover;display:block}.camera-preview-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:8px;padding:20px;color:var(--muted);text-align:center;background:linear-gradient(145deg,#65d6ff14,#a995ff1a)}.preview-icon{font-size:34px}.preview-title{color:var(--text);font-weight:800;font-size:17px}.preview-text{font-size:13px;line-height:1.35}.prejoin-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.prejoin-toggle{justify-content:center;background:#fff1}.prejoin-toggle.active{background:#65d6ff38;border-color:#65d6ff8c}.prejoin-checkbox{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:14px;line-height:1.35;cursor:pointer}.prejoin-checkbox input{width:18px;height:18px;margin-top:1px;flex:0 0 auto}.prejoin-message{min-height:20px;color:var(--muted);font-size:13px;line-height:1.35}.prejoin-message[data-type=warning]{color:#ffd38a}.prejoin-message[data-type=info]{color:var(--muted)}@media(max-width:760px){.prejoin-controls{grid-template-columns:1fr}}#joinPanel.panel{margin:clamp(6px,2vh,18px) auto!important;padding:clamp(18px,3vh,32px)!important;max-height:calc(100vh - 92px)!important;overflow-y:auto!important;scrollbar-width:thin}#joinPanel h1{margin-bottom:8px!important;font-size:clamp(34px,5vh,52px)!important}#joinPanel p{margin-bottom:18px!important;font-size:16px!important}#joinPanel .input-grid{margin-bottom:14px!important}#joinPanel input{padding:12px 14px!important}.prejoin-box{margin:14px 0!important;gap:10px!important}.camera-preview{height:clamp(150px,24vh,230px)!important;width:50%;margin:0 auto;aspect-ratio:auto!important}.prejoin-controls{gap:8px!important}.prejoin-toggle{padding:10px 12px!important}.prejoin-checkbox{font-size:13px!important}.prejoin-message{min-height:16px!important;font-size:12.5px!important}#joinBtn{padding:12px 16px!important}@media(max-height:720px){#joinPanel.panel{padding:16px 28px!important}#joinPanel h1{font-size:40px!important}.camera-preview{height:140px!important}.hint{display:none!important}}@media(max-width:760px){#joinPanel.panel{max-height:calc(100vh - 82px)!important}.camera-preview{height:clamp(140px,28vh,210px)!important}}@media(max-width:500px){.camera-preview{width:70%}}body.prejoin-active{overflow:hidden}body.prejoin-active .header{position:fixed;top:10px;left:14px;right:14px;height:48px;padding:0;z-index:1200;border:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}body.prejoin-active .logo{pointer-events:auto;padding:6px 10px 6px 6px;border-radius:999px;background:#0409126b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.prejoin-active .logo-text{display:inline-block;font-size:18px;font-weight:900;letter-spacing:.2px}body.prejoin-active .logo-img,body.prejoin-active .logo-mark{width:34px;height:34px;border-radius:11px}body.prejoin-active .room-badge,body.prejoin-active #leaveRoomBtn{display:none!important}body.prejoin-active .main-container{height:100vh;padding:64px 16px 14px;display:flex;align-items:flex-start;justify-content:center}body.prejoin-active #joinPanel.panel{width:min(560px,100%);margin:0 auto!important;max-height:calc(100vh - 78px)!important;overflow-y:auto!important;padding:clamp(16px,2.6vh,28px)!important}body.prejoin-active #joinPanel h1{font-size:clamp(34px,5vh,50px)!important;margin-bottom:8px!important}body.prejoin-active #joinPanel p{margin-bottom:16px!important}body.prejoin-active .prejoin-box{margin:12px 0!important;gap:9px!important}body.prejoin-active .camera-preview{height:clamp(135px,22vh,210px)!important}@media(max-height:720px){body.prejoin-active .main-container{padding-top:54px}body.prejoin-active #joinPanel.panel{max-height:calc(100vh - 62px)!important;padding:14px 26px!important}body.prejoin-active #joinPanel h1{font-size:38px!important;margin-bottom:4px!important}body.prejoin-active #joinPanel p{margin-bottom:10px!important;font-size:14px!important}body.prejoin-active .camera-preview{height:126px!important}body.prejoin-active .prejoin-message{display:none}}@media(max-width:760px){body.prejoin-active .header{top:8px;left:8px;right:8px}body.prejoin-active .main-container{padding:56px 10px 10px}body.prejoin-active #joinPanel.panel{max-height:calc(100vh - 66px)!important;padding:14px 16px!important}body.prejoin-active #joinPanel h1{font-size:34px!important}body.prejoin-active .camera-preview{width:70%!important;height:clamp(120px,22vh,180px)!important}}@media(max-width:760px){body:not(.has-screen) .video-grid[data-count="2"]{grid-template-columns:1fr!important;align-content:center!important}}@media(max-width:760px){body.prejoin-active .main-container{padding-top:72px!important}body.prejoin-active #joinPanel.panel{margin-top:8px!important}}@media(max-width:500px){body.prejoin-active .main-container{padding-top:76px!important}}#toggleScreenBtn[hidden]{display:none!important}@media(max-width:760px),(pointer:coarse){#toggleScreenBtn{display:none!important}}.chat-panel{height:calc(100% - 48px);display:flex;flex-direction:column;min-height:0}.chat-panel[hidden]{display:none!important}.chat-messages{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px;display:flex;flex-direction:column;gap:10px}.chat-message{position:relative;padding:10px 12px;border-radius:16px;border:1px solid var(--line);background:#ffffff0b;word-break:break-word}.chat-message.chat-local{background:#65d6ff17;border-color:#65d6ff33}.chat-time{color:var(--muted);font-size:11px;margin-bottom:4px}.chat-author{color:var(--text);font-size:13px;font-weight:900;margin-bottom:5px;padding-right:28px}.chat-text{color:var(--text);font-size:13px;line-height:1.38}.chat-text a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.chat-system{background:transparent;border-color:transparent;padding:6px 4px}.chat-system-text{color:var(--muted);font-size:12px;font-style:italic;line-height:1.35}.chat-copy-btn{position:absolute;right:8px;top:8px;width:24px;height:24px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;background:#04091280;color:var(--muted);opacity:0;transition:opacity .15s ease}.chat-message:hover .chat-copy-btn{opacity:1}.chat-form{flex:0 0 auto;padding:10px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;background:#04091238}.chat-input{width:100%;min-height:42px;max-height:120px;resize:none;border-radius:14px;padding:10px 12px;line-height:1.35}.chat-send-btn{width:42px;height:42px;border-radius:14px;border:1px solid rgba(101,214,255,.35);background:#65d6ff2e;color:var(--text);font-weight:900;font-size:18px}#toggleChatBtn{position:relative}#toggleChatBtn:after{content:attr(data-count);position:absolute;right:-5px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--danger);color:#fff;font-size:11px;font-weight:900;line-height:1;border:2px solid rgba(4,9,18,.95)}#toggleChatBtn[data-count="0"]:after{display:none}body.has-screen .chat-panel{height:calc(100% - 48px)}.chat-messages{scrollbar-width:thin;scrollbar-color:rgba(101,214,255,.45) rgba(255,255,255,.06);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#ffffff0b;border-radius:999px}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#65d6ffa6,#a995ff8c);border-radius:999px;border:2px solid rgba(14,25,43,.92)}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#65d6ffe6,#a995ffcc)}.chat-input{touch-action:manipulation}@media(max-width:760px){.chat-panel{min-height:0;height:calc(100% - 48px)}.chat-messages{flex:1 1 auto;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch;padding-bottom:10px}.chat-form{position:sticky;bottom:0;z-index:5;background:#040912d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-input{font-size:16px}}@media(max-width:760px){.main-container{height:calc(100dvh - var(--mobile-header-h))!important;min-height:0;padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.call-container{height:100%!important;min-height:0;padding-bottom:max(0px,env(safe-area-inset-bottom))}}@media(max-width:760px){body.mobile-panel-open{overflow:hidden!important}body.mobile-panel-open:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;background:#02060e7a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}body.mobile-panel-open .participants-strip{position:fixed!important;top:66px!important;left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;z-index:1600!important;display:flex!important;flex-direction:column!important;margin:0!important;opacity:1!important;pointer-events:auto!important;transform:translate(0)!important;border-radius:22px!important;background:#0e192bf5!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 70px #00000085}body.mobile-panel-open .participants-strip.collapsed{margin:0!important;opacity:1!important;pointer-events:auto!important;transform:translate(0)!important}body:not(.mobile-panel-open) .participants-strip{transform:translate(-110%)!important;opacity:0!important;pointer-events:none!important}body.mobile-panel-open .strip-head{flex:0 0 48px}body.mobile-panel-open .strip-videos{flex:1 1 auto!important;height:auto!important;max-height:none!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}body.mobile-panel-open .chat-panel{flex:1 1 auto!important;height:auto!important;min-height:0!important;display:flex;flex-direction:column}body.mobile-panel-open .chat-panel[hidden]{display:none!important}body.mobile-panel-open .chat-messages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding-bottom:12px}body.mobile-panel-open .chat-form{flex:0 0 auto;position:sticky;bottom:0;z-index:5;padding-bottom:max(10px,env(safe-area-inset-bottom));background:#040912e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body.mobile-panel-open .chat-input{font-size:16px;touch-action:manipulation}body.mobile-panel-open .chat-copy-btn{opacity:1}body.mobile-panel-open .controls,body.mobile-panel-open .status-bar{pointer-events:none}body.mobile-panel-open .header{z-index:1700}}@media(max-width:760px){body.has-screen.mobile-panel-open:after{display:none!important;content:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.has-screen.mobile-panel-open .participants-strip{z-index:1800!important;background:#0e192bf7!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.has-screen.mobile-panel-open .header{z-index:1900!important}body.has-screen.mobile-panel-open .controls{z-index:1700!important}}.share-room-btn{width:30px;height:30px;margin-left:4px;border:1px solid rgba(255,255,255,.12);border-radius:999px;display:inline-grid;place-items:center;background:#ffffff0f;color:var(--muted);transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.share-room-btn:hover{transform:translateY(-1px);color:var(--text);border-color:#65d6ff6b;background:#65d6ff24}.share-room-btn svg{width:16px;height:16px;fill:currentColor}.invite-card{position:absolute;right:18px;top:18px;z-index:20;width:min(320px,calc(100% - 36px));padding:16px;border:1px solid rgba(101,214,255,.2);border-radius:20px;background:#0e192bd6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 46px #00000052}.invite-card-title{color:var(--text);font-size:16px;font-weight:900;margin-bottom:4px}.invite-card-text{color:var(--muted);font-size:13px;line-height:1.35;margin-bottom:12px}.invite-share-btn{width:100%;min-height:42px;border-radius:14px;border:1px solid rgba(101,214,255,.34);display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#65d6ff29;color:var(--text);font-weight:800}.invite-share-btn:hover{background:#65d6ff3d}.invite-share-btn svg{width:17px;height:17px;fill:currentColor}body.has-screen .invite-card{display:none!important}.app-toast{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:2500;max-width:min(420px,calc(100vw - 28px));padding:11px 16px;border-radius:999px;border:1px solid rgba(101,214,255,.24);background:#040912db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text);font-size:14px;font-weight:700;box-shadow:0 18px 46px #00000061}.app-toast[data-type=error]{border-color:#ff6b6b6b;color:#ffd0d0}@media(max-width:760px){.share-room-btn{width:28px;height:28px}.invite-card{left:12px;right:12px;top:12px;width:auto}.app-toast{bottom:max(16px,env(safe-area-inset-bottom));font-size:13px}}