:root{--bg: #0b0d18;--text: #eef0fb;--text-dim: #b4b9d3;--text-faint: #7d83a3;--edge: rgba(255, 255, 255, .1);--edge-hi: rgba(255, 255, 255, .22);--glass: rgba(24, 27, 46, .62);--accent: #8b9cff;--accent-2: #b48cff;--accent-glow: rgba(139, 156, 255, .45);--ok: #4ade9b;--danger: #ff6b81;--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.45 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}button,input{font:inherit;color:inherit}.backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(120% 90% at 10% 0%,#1b1f3d 0%,var(--bg) 60%)}.blob{position:absolute;width:55vmax;height:55vmax;border-radius:50%;filter:blur(80px);opacity:.55;animation:drift 26s ease-in-out infinite alternate}.blob-a{left:-15vmax;top:-20vmax;background:#4b4fd6}.blob-b{right:-20vmax;bottom:-25vmax;background:#7d3fd1;animation-delay:-8s}.blob-c{left:30vw;bottom:-30vmax;background:#1a8fb0;opacity:.35;animation-delay:-16s}@keyframes drift{to{transform:translate(6vmax,4vmax) scale(1.1)}}@media(prefers-reduced-motion:reduce){.blob,.spinner{animation:none!important}}.glass{border:1px solid var(--edge);background:var(--glass);backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);box-shadow:inset 0 1px 0 var(--edge-hi),0 24px 60px -20px #0009}.center{display:grid;place-items:center;min-height:100%;padding:16px;overflow-y:auto}.card{width:min(440px,100%);padding:26px;border-radius:26px;animation:pop .26s var(--ease)}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.98)}}.brand{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-weight:650;font-size:13px;letter-spacing:.02em}.card .brand{margin-bottom:16px}h1{margin:0 0 4px;font-size:23px;letter-spacing:-.01em;overflow-wrap:anywhere}.dim{margin:0 0 16px;color:var(--text-dim)}.fine{display:flex;gap:6px;margin:16px 0 0;color:var(--text-faint);font-size:12px}.fine svg{flex:none;margin-top:2px}.error{margin:12px 0 0;color:var(--danger);font-size:13.5px}.preview{position:relative;aspect-ratio:16 / 9;margin-bottom:16px;overflow:hidden;border:1px solid var(--edge);border-radius:18px;background:#00000059}.preview video{width:100%;height:100%;object-fit:cover}.preview-off{display:grid;place-items:center;height:100%}.preview-controls{position:absolute;left:50%;bottom:10px;display:flex;gap:10px;transform:translate(-50%)}.round{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--edge-hi);border-radius:50%;background:#141626b3;backdrop-filter:blur(10px);cursor:pointer}.round.off{background:#ff6b81d9;border-color:transparent}label{display:grid;gap:6px;color:var(--text-dim);font-size:13px;font-weight:600}input{width:100%;padding:12px 14px;border:1px solid var(--edge);border-radius:12px;background:#0000004d;font-size:15px;font-weight:500;outline:none;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #8b9cff26}.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:0;border-radius:12px;font-weight:650;cursor:pointer;transition:transform .12s var(--ease),opacity .15s}.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 10px 30px -10px var(--accent-glow)}.primary:hover:not(:disabled){transform:translateY(-1px)}.primary:disabled{opacity:.5;cursor:default}.ghost{background:#ffffff14}.join-btn{width:100%;margin-top:14px;padding:14px;font-size:16px}.avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,hsl(var(--hue, 230) 70% 62%),hsl(calc(var(--hue, 230) + 40) 70% 50%));font-weight:700}.avatar.big{width:84px;height:84px;border-radius:28px;font-size:30px}.waiting{text-align:center}.waiting .brand{justify-content:center}.spinner{width:42px;height:42px;margin:8px auto 18px;border:3px solid rgba(255,255,255,.12);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.call{display:grid;grid-template-rows:auto 1fr;height:100%;padding:12px 12px 92px}.call-head{display:flex;align-items:center;gap:12px;padding:2px 6px 12px;min-width:0}.call-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.secure{display:flex;align-items:center;gap:5px;color:var(--ok);font-size:12.5px;white-space:nowrap}.stage{display:grid;gap:10px;min-height:0}.stage.with-screen{grid-template-rows:minmax(0,3fr) minmax(0,1fr)}.screens{display:grid;grid-auto-flow:column;gap:10px;min-height:0}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));grid-auto-rows:minmax(140px,1fr);gap:10px;min-height:0;overflow-y:auto}.tiles[data-count="1"],.tiles[data-count="2"]{align-content:center;grid-auto-rows:minmax(180px,min(60vh,420px))}.tile{position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid var(--edge);border-radius:20px;background:radial-gradient(120% 120% at 50% 0%,hsl(var(--hue, 230) 40% 22% / .9),#0a0c18e6)}.tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tile video.contain{object-fit:contain;background:#05060c}video.mirror{transform:scaleX(-1)}.label{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:4px 10px;border-radius:10px;background:#00000080;backdrop-filter:blur(8px);font-size:13px;font-weight:600}.label em{color:var(--text-faint);font-style:normal;font-weight:500}.badge{padding:1px 6px;border-radius:6px;background:#5cc8ff33;color:#9fdcff;font-size:10.5px;font-weight:700;text-transform:uppercase}.live{padding:1px 6px;border-radius:6px;background:var(--danger);font-size:10.5px;font-weight:800}.dock{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));display:flex;gap:10px;padding:9px 11px;border-radius:22px;transform:translate(-50%)}.dock-btn{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--edge);border-radius:16px;background:#ffffff14;cursor:pointer;transition:transform .12s var(--ease),background .15s}.dock-btn:hover:not(:disabled){transform:translateY(-2px);background:#ffffff24}.dock-btn:disabled{opacity:.45}.dock-btn.off{background:#ff6b8133;color:var(--danger)}.dock-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent}.dock-btn.leave{width:64px;background:linear-gradient(135deg,#ff5f7e,#e2456a);border-color:transparent}.toast{position:fixed;left:50%;bottom:96px;padding:10px 14px;border-radius:12px;background:#ff6b81e6;transform:translate(-50%);font-size:13.5px}@media(max-width:560px){.secure{display:none}.dock-btn{width:48px;height:48px}.stage.with-screen{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}}.rec-banner{position:fixed;top:54px;left:50%;z-index:5;display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:8px 14px;border:1px solid rgba(255,107,129,.45);border-radius:14px;background:#280c16d9;backdrop-filter:blur(16px);transform:translate(-50%);font-size:13.5px}.rec-dot{flex:none;width:10px;height:10px;border-radius:50%;background:#ff4d6d;box-shadow:0 0 10px #ff4d6d;animation:blink 1.4s ease-in-out infinite}@keyframes blink{50%{opacity:.35}}.hand{position:absolute;top:10px;left:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#fbbf4b;color:#1a1404}.reaction-float{position:absolute;left:50%;bottom:18%;z-index:3;font-size:40px;pointer-events:none;animation:float-up 3.4s var(--ease) var(--delay, 0ms) forwards}@keyframes float-up{0%{opacity:0;transform:translate(-50%,20px) scale(.5)}12%{opacity:1;transform:translate(-50%) scale(1.15)}80%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--drift, 0px)),-150px) scale(.9)}}.react-wrap{position:relative}.reaction-bar{position:absolute;left:50%;bottom:calc(100% + 14px);display:flex;gap:2px;padding:6px;border-radius:18px;transform:translate(-50%)}.reaction-bar button{width:42px;height:42px;border:0;border-radius:12px;background:none;font-size:23px;cursor:pointer}.reaction-bar button:hover{background:#ffffff1a}@media(max-width:560px){.dock{gap:6px}.dock-btn{width:44px;height:44px}}.paste-link{display:flex;gap:8px;margin-top:4px}.paste-link input{flex:1;min-width:0;font-size:14px}.card strong{color:var(--text)}.diag{display:grid;gap:6px;margin:4px 0 18px;padding:0;list-style:none;text-align:left;font-size:13px;color:var(--text-faint)}.diag li{display:flex;align-items:center;gap:8px}.diag li:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--text-faint);opacity:.6}.diag li.ok{color:var(--text-dim)}.diag li.ok:before{background:var(--ok);opacity:1}.diag li.bad{color:var(--danger)}.diag li.bad:before{background:var(--danger);opacity:1}.row{display:flex;justify-content:center;gap:10px}.diag-detail{margin:-8px 0 16px;color:var(--text-faint);font-size:11.5px;word-break:break-word}.mic-banner{position:fixed;left:50%;top:54px;z-index:6;display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:8px 8px 8px 14px;border:1px solid rgba(255,107,129,.5);border-radius:14px;background:#280c16e6;backdrop-filter:blur(16px);transform:translate(-50%);font-size:13.5px}.mic-banner .primary{padding:7px 12px;white-space:nowrap}.mic-banner+.rec-banner{top:104px}.away-banner{position:fixed;left:50%;bottom:96px;z-index:6;display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:9px 14px;border-radius:14px;background:#161828e6;backdrop-filter:blur(16px);transform:translate(-50%);font-size:13.5px}.spinner.small{width:16px;height:16px;margin:0;border-width:2px}