:root{--bg:#090b12;--glass:#1418268c;--glass-strong:#1c2134d1;--well:#090b128c;--line:#ffffff14;--line-2:#ffffff1f;--line-3:#ffffff29;--accent:#8b93ff;--accent-soft:#aeb4ff;--accent-ink:#d3d6ff;--speak:#5ce1a6;--speak-ink:#dffbef;--muted:#ff6b7a;--muted-ink:#ffd3d8;--warn:#f5b85c;--warn-ink:#fce3bc;--teal:#2dd4bf;--text:#eef1f8;--text-2:#c9cfdd;--text-3:#9aa3b8;--label:#8c95ab;--ink:#0b0d14;--disabled:#5a6276;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--font:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--display:"Space Grotesk", Inter, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;overflow:hidden}a{color:var(--accent-soft)}a:hover{color:var(--accent-ink)}button{font:inherit;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes hdSpeak{0%,to{box-shadow:0 0 0 3px #5ce1a6d9,0 0 0 8px #5ce1a624}50%{box-shadow:0 0 0 3px #5ce1a6d9,0 0 0 13px #5ce1a60f}}@keyframes hdCount{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes hdSpin{to{transform:rotate(360deg)}}@keyframes hdIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes hdFade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{height:100%;position:relative;overflow:hidden}.page--center{flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:40px 16px;display:flex;overflow-y:auto}.glow{pointer-events:none;filter:blur(150px);border-radius:50%;position:absolute}.glow--a{background:var(--accent);opacity:.22;filter:blur(140px);width:560px;height:560px;top:-160px;left:-120px}.glow--b{background:var(--teal);opacity:.12;filter:blur(160px);width:620px;height:620px;bottom:-200px;right:-160px}.glow--top{background:var(--accent);opacity:.2;width:720px;height:520px;margin-left:-360px;top:8%;left:50%}.glass{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(30px);background:#14182694;border:1px solid #ffffff1a;position:relative;box-shadow:0 40px 100px #00000073}.label{letter-spacing:.08em;color:var(--label);text-transform:uppercase;font-size:11px;font-weight:600}.h-display{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:600}.muted-text{color:var(--text-3)}.field{flex-direction:column;gap:8px;display:flex}.field>label{color:var(--text-2);font-size:13px;font-weight:500}.input,.select{border:1px solid var(--line-2);background:var(--well);height:48px;color:var(--text);font:400 15px var(--font);border-radius:14px;outline:none;width:100%;min-width:0;padding:0 16px}.select{height:46px;padding:0 14px;font-size:14px}.input[aria-invalid=true]{border-color:var(--muted);background:#ff6b7a0f;box-shadow:0 0 0 4px #ff6b7a1f}.field-error{color:#ff9aa5;align-items:center;gap:6px;font-size:13px;display:flex}.btn{border:1px solid var(--line-2);height:46px;color:var(--text);font:600 14px var(--font);cursor:pointer;white-space:nowrap;background:#ffffff0f;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn:hover{background:#ffffff1a}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;color:var(--disabled);background:#ffffff05;border-color:#ffffff0f}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--ink);font-weight:700;box-shadow:0 10px 30px #8b93ff59}.btn--primary:hover{color:var(--ink);background:#9aa1ff}.btn--sm{border-color:#ffffff24;border-radius:10px;height:32px;padding:0 14px;font-size:13px}.btn--md{border-color:#ffffff24;border-radius:10px;height:36px;padding:0 12px;font-size:13px}.btn--lg{border-radius:18px;height:56px;padding:0 28px;font-size:16px}.btn--ghost{color:var(--text-3);background:0 0;border-color:#0000}.btn--ghost:hover{color:var(--text);background:#ffffff0f}.btn--danger{color:#ffc2c9;background:#ff6b7a1a;border-color:#ff6b7a73}.btn--danger:hover{background:#ff6b7a2e}.btn--icon{border-radius:10px;width:30px;height:30px;padding:0}.switch{border:1px solid var(--line-2);height:50px;color:var(--text);font:500 14px var(--font);cursor:pointer;text-align:left;background:#ffffff0a;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0 14px;display:flex}.switch[aria-checked=true]{background:#5ce1a61a;border-color:#5ce1a666}.switch[aria-disabled=true]{cursor:default;opacity:.75}.switch__track{background:#ffffff29;border-radius:999px;flex:none;width:38px;height:22px;transition:background .15s;position:relative}.switch__thumb{background:var(--text-2);border-radius:50%;width:16px;height:16px;transition:left .15s,background .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true] .switch__track{background:var(--speak)}.switch[aria-checked=true] .switch__thumb{background:var(--ink);left:19px}.switch__text{flex-direction:column;gap:2px;display:flex}.switch__hint{color:var(--text-3);font-size:12px;font-weight:400}.meter{gap:3px;height:8px;display:flex}.meter>span{background:#ffffff1a;border-radius:2px;flex:1;transition:background 80ms}.meter>span.on{background:var(--speak)}kbd,.kbd{border:1px solid var(--line-3);min-width:22px;height:22px;color:var(--text);font:600 11px var(--font);background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.alert{border-radius:var(--radius-md);border:1px solid var(--line-3);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;align-items:center;gap:12px;padding:14px 16px;animation:.2s ease-out hdIn;display:flex}.alert--ok{background:#5ce1a617;border-color:#5ce1a666}.alert--err{background:#ff6b7a1a;border-color:#ff6b7a66}.alert--warn{background:#f5b85c1a;border-color:#f5b85c66}.alert--info{background:#8b93ff17;border-color:#8b93ff61}.alert__icon{background:#ffffff14;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.alert__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.alert__title{font-size:14px;font-weight:600}.alert__text{color:var(--text-2);font-size:13px;line-height:1.45}.toasts{z-index:60;pointer-events:none;flex-direction:column;gap:10px;width:min(440px,100vw - 32px);display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toasts>*{pointer-events:auto;background-color:#141826eb;box-shadow:0 24px 60px #00000073}.avatar{color:var(--ink);font-family:var(--display);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:relative}.avatar--speaking{animation:1.6s ease-in-out infinite hdSpeak}.avatar--ring{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--speak)}.avatar--offline{color:var(--text-2);opacity:.6;background:#3a4156!important}.avatar--away{opacity:.45}.avatar__badge{background:var(--muted);border:3px solid #141826;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-4px;right:-4px}.avatar-stack{display:flex}.avatar-stack>.avatar{border:2px solid #141826}.avatar-stack>.avatar+.avatar{margin-left:-8px}.ws{flex-direction:column;gap:12px;height:100%;padding:16px;display:flex;position:relative}.ws__body{flex:auto;gap:12px;min-height:0;display:flex;position:relative}.sidebar{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(28px);flex-direction:column;flex:0 0 300px;gap:18px;min-height:0;padding:20px 16px;display:flex;overflow-y:auto;box-shadow:0 24px 60px #00000059}.brand{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.brand__mark{background:var(--accent);border-radius:10px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.brand__name{font-family:var(--display);letter-spacing:-.01em;font-size:18px;font-weight:600}.section{flex-direction:column;gap:10px;display:flex}.section>.label{padding:0 6px}.room-card{border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffff0a;flex-direction:column;gap:12px;padding:14px;display:flex;position:relative}.room-card--here{background:#8b93ff1f;border-color:#8b93ff73}.room-card--waiting{background:#8b93ff14;border-color:#8b93ff59}.room-card__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.room-card__title{align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:600;display:flex}.room-card__title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-card__row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pill{color:var(--accent-ink);white-space:nowrap;background:#8b93ff38;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.waiting-btn{height:36px;color:var(--accent-ink);font:600 13px var(--font);background:#8b93ff29;border-radius:10px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.waiting-btn__fill{transform-origin:0;background:#8b93ff2e;width:100%;animation:linear forwards hdCount;position:absolute;top:0;bottom:0;left:0}.waiting-btn>span:last-child{position:relative}.empty{border-radius:var(--radius-md);text-align:center;border:1px dashed #ffffff24;flex-direction:column;align-items:center;gap:8px;padding:18px;display:flex}.offline-row{opacity:.55;color:var(--text-2);align-items:center;gap:10px;padding:4px 6px;font-size:13px;display:flex}.new-btn{height:46px;color:var(--accent-ink);font:600 14px var(--font);cursor:pointer;background:#8b93ff14;border:1px dashed #8b93ff8c;border-radius:14px;justify-content:center;align-items:center;gap:8px;display:flex}.new-btn:hover{background:#8b93ff24}.stage{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(28px);background:#14182666;border:1px solid #ffffff12;flex-direction:column;flex:auto;gap:22px;min-width:0;min-height:0;padding:24px 28px;display:flex}.stage__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.stage__title{align-items:flex-end;gap:16px;display:flex}.stage__hints{color:var(--text-3);align-items:center;gap:8px;font-size:12px;display:flex}.grid{flex:auto;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:minmax(220px,300px);align-content:start;gap:16px;min-height:0;display:grid;overflow-y:auto}.tile{border:1px solid var(--line);background:#ffffff0b;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:0;transition:background .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.tile:hover{border-color:var(--line-3);background:#ffffff12}.tile--speaking{background:#5ce1a612;border-color:#5ce1a659}.tile--video{background:#05060a}.tile video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tile video.mirror{transform:scaleX(-1)}.tile__name{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex;position:relative}.tile--video .tile__name{background:#090b12b3;border-radius:10px;padding:6px 10px;font-size:13px;position:absolute;bottom:12px;left:12px}.tile__muted{background:var(--muted);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:14px;right:14px}.tile__menu{z-index:3;opacity:0;transition:opacity .15s;position:absolute;top:12px;right:12px}.tile:hover .tile__menu,.tile__menu:focus-within,.tile__menu--open{opacity:1}.tile:has(.tile__muted) .tile__menu{right:52px}.tile__volume{color:var(--text-2);z-index:2;background:#090b12b3;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.tile__volume input{accent-color:var(--accent);flex:1}.tile__away{color:var(--warn-ink);background:#f5b85c29;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:14px;left:14px}.level-bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.level-bars>span{background:var(--speak);transform-origin:bottom;border-radius:2px;width:3px;height:100%;transition:transform 80ms linear}.icon-btn-sq{width:32px;height:32px;color:var(--text-2);cursor:pointer;background:#ffffff14;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex}.icon-btn-sq:hover{color:var(--text);background:#ffffff24}.share{border:1px solid var(--line);background:#05060a;border-radius:20px;flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.share video{object-fit:contain;width:100%;height:100%}.share__label{background:#090b12bf;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;font-weight:600;display:flex;position:absolute;top:14px;left:14px}.share__tools{gap:8px;display:flex;position:absolute;top:14px;right:14px}.strip{flex:none;gap:12px;padding-bottom:2px;display:flex;overflow-x:auto}.strip .tile{flex:0 0 180px;gap:8px;height:120px}.strip .tile .tile__name{font-size:13px}.strip-share{height:120px;color:var(--accent-ink);cursor:pointer;font:600 13px var(--font);text-align:center;background:#8b93ff14;border:1px dashed #8b93ff8c;border-radius:20px;flex-direction:column;flex:0 0 180px;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.controls{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(28px);background:#1418269e;border:1px solid #ffffff17;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:84px;padding:12px 16px;display:flex;position:relative;box-shadow:0 24px 60px #0006}.controls__side{flex:200px;align-items:center;gap:12px;min-width:0;display:flex}.controls__side--end{justify-content:flex-end}.controls__center{align-items:center;gap:10px;display:flex}.ctl{border:1px solid var(--line-2);width:56px;height:56px;color:var(--text-2);cursor:pointer;background:#ffffff0f;border-radius:18px;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.ctl:hover{background:#ffffff1a}.ctl[aria-pressed=true]{color:var(--accent-ink);background:#8b93ff33;border-color:#8b93ff8c}.ctl:disabled{color:var(--disabled);cursor:not-allowed;background:#ffffff05;border-color:#ffffff0f}.mic{cursor:pointer;height:56px;font:600 15px var(--font);border-radius:18px;justify-content:center;align-items:center;gap:12px;min-width:190px;padding:0 22px 0 18px;display:flex}.mic--on{color:var(--speak-ink);background:#5ce1a629;border:1px solid #5ce1a68c}.mic--off{border:1px solid var(--muted);background:var(--muted);color:#1a0b0e;font-weight:700}.mic .level-bars{height:16px}.conn{flex:none;align-items:flex-end;gap:3px;height:16px;display:flex}.conn>span{background:#ffffff2e;border-radius:2px;width:4px}.conn>span:first-child{height:6px}.conn>span:nth-child(2){height:10px}.conn>span:nth-child(3){height:14px}.muted-hint{-webkit-backdrop-filter:blur(20px);color:var(--muted-ink);z-index:20;white-space:nowrap;background:#ff6b7a29;border:1px solid #ff6b7a80;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;animation:.2s hdFade;display:flex;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}.requests{z-index:50;flex-direction:column;gap:10px;width:380px;max-width:calc(100vw - 32px);display:flex;position:fixed;top:24px;right:24px}.req{background:var(--glass-strong);-webkit-backdrop-filter:blur(30px);border:1px solid #8b93ff73;border-radius:20px;flex-direction:column;gap:14px;padding:16px;animation:.25s ease-out hdIn;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000073}.req__head{align-items:center;gap:12px;display:flex}.req__actions{gap:8px;display:flex}.req__actions .btn{border-radius:12px;flex:1;height:42px}.req__bar{background:#ffffff0f;height:3px;position:absolute;bottom:0;left:0;right:0}.req__bar>span{background:var(--accent);transform-origin:0;height:100%;animation:linear forwards hdCount;display:block}.req-more{color:var(--text-3);padding-left:8px;font-size:12px}.menu-wrap{position:relative}.menu{border:1px solid var(--line-2);z-index:40;background:#1c2134f5;border-radius:14px;flex-direction:column;min-width:200px;padding:6px;animation:.15s ease-out hdIn;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 24px 60px #00000080}.menu--up{inset:auto auto calc(100% + 6px) 0}.menu button{text-align:left;cursor:pointer;height:36px;color:var(--text);background:0 0;border:none;border-radius:10px;padding:0 12px;font-size:13px}.menu button:hover{background:#ffffff14}.menu button.danger{color:#ff9aa5}.menu__header{color:var(--text-3);border-bottom:1px solid var(--line);margin-bottom:4px;padding:8px 12px;font-size:12px}.scrim{-webkit-backdrop-filter:blur(6px);z-index:70;background:#05060a8c;justify-content:center;align-items:center;padding:16px;animation:.15s hdFade;display:flex;position:fixed;inset:0}.modal{flex-direction:column;gap:22px;width:100%;max-width:480px;padding:28px;display:flex}.modal__head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-2);height:32px;color:var(--text-2);font:500 13px var(--font);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:0 12px}.chip:hover{color:var(--text);background:#ffffff14}.drawer-scrim{justify-content:flex-end;align-items:stretch;padding:16px}.drawer{border-radius:var(--radius-lg);flex-direction:column;width:420px;max-width:100%;height:100%;display:flex;overflow:hidden}.drawer header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.drawer__body{flex-direction:column;flex:1;gap:26px;padding:22px 24px;display:flex;overflow-y:auto}.drawer section{flex-direction:column;gap:12px;display:flex}.shortcuts{flex-direction:column;gap:8px;display:flex}.shortcuts>div{color:var(--text-2);justify-content:space-between;align-items:center;font-size:13px;display:flex}.band{z-index:80;color:var(--warn-ink);-webkit-backdrop-filter:blur(20px);background:#f5b85c24;border-bottom:1px solid #f5b85c66;justify-content:center;align-items:center;gap:12px;padding:10px 16px;font-size:14px;display:flex;position:fixed;top:0;left:0;right:0}.spin{animation:1s linear infinite hdSpin}.overlay{z-index:90;background:#090b12e0;justify-content:center;align-items:center;padding:16px;animation:.2s hdFade;display:flex;position:fixed;inset:0}.state-card{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:420px;padding:32px;display:flex}.state-card__icon{background:#8b93ff29;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.gate{flex-wrap:wrap;gap:24px;width:100%;max-width:980px;padding:24px;display:flex}.gate__preview{background:#090b12a6;border:1px solid #ffffff12;border-radius:20px;flex-direction:column;flex:380px;justify-content:center;align-items:center;gap:14px;min-height:320px;display:flex;position:relative;overflow:hidden}.gate__preview video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.gate__devices{flex-direction:column;flex:380px;gap:18px;min-width:0;display:flex}.gate__footer{border-top:1px solid var(--line);flex-wrap:wrap;flex:100%;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.gate__alerts{flex-wrap:wrap;gap:12px;width:100%;max-width:980px;display:flex}.gate__alerts>*{flex:280px}.heard{color:var(--speak-ink);z-index:1;background:#5ce1a629;border:1px solid #5ce1a673;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:16px;left:16px}.heard--quiet{border-color:var(--line-2);color:var(--text-3);background:#ffffff0f}.login{flex-direction:column;gap:24px;width:100%;max-width:440px;padding:40px 36px 32px;display:flex}.divider{color:var(--label);align-items:center;gap:12px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.rail{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(28px);flex-direction:column;flex:none;align-items:center;gap:12px;width:76px;padding:16px 0;display:flex;overflow-y:auto}.rail__sep{background:var(--line-2);flex:none;width:32px;height:1px}.rail__btn{border:1px solid var(--line-2);width:48px;height:48px;color:var(--text-2);cursor:pointer;font:700 13px var(--display);background:#ffffff0d;border-radius:16px;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.rail__btn[aria-current=true]{color:var(--accent-ink);background:#8b93ff2e;border-color:#8b93ff8c}.rail__btn--waiting{border-style:dashed;border-color:#8b93ff8c}.rail__count{border:2px solid var(--bg);min-width:18px;height:18px;font:700 10px var(--font);color:var(--text);background:#2a3048;border-radius:999px;justify-content:center;align-items:center;padding:0 4px;display:flex;position:absolute;top:-4px;right:-4px}.ws--narrow .stage{padding:18px}.ws--narrow .mic{min-width:0;padding:0 16px}.ws--narrow .controls__side{flex:0 auto}.ws--narrow .stage__hints{display:none}
