:root{color:#171a2b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f7f7fb;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #6058f047}#root{min-height:100vh}:root{--canvas:#f7f7fb;--surface:#fff;--surface-muted:#f3f4f8;--surface-dark:#202333;--ink:#171a2b;--ink-soft:#555a70;--muted:#858a9e;--line:#e8e9f0;--violet:#6258ed;--violet-dark:#4e46c7;--violet-soft:#eeedff;--mint:#45cda1;--amber:#efb454}.app-shell{background:radial-gradient(circle at 78% 2%, #e1e0ff9e, transparent 25rem), var(--canvas);min-height:100svh;color:var(--ink);position:relative;overflow:hidden}.ambient-glow{z-index:0;pointer-events:none;filter:blur(6px);opacity:.55;border-radius:50%;width:24rem;height:24rem;position:absolute}.ambient-glow--top{background:#cedcff6b;top:10rem;left:-20rem}.ambient-glow--bottom{background:#e5daff80;bottom:-15rem;right:-17rem}.topbar,.workspace,.app-footer{z-index:1;width:min(1380px,100% - 64px);margin:0 auto;position:relative}.topbar{border-bottom:1px solid #d8d9e5b8;justify-content:space-between;align-items:center;padding:26px 0 23px;display:flex}.brand-lockup,.topbar-right,.secure-label,.connection-pill,.session-badge,.panel-heading,.people-heading,.device-field__label,.device-status,.stage-tools,.stage-footer,.stage-footer__details,.stage-footer__status,.privacy-card,.call-btn{align-items:center;display:flex}.brand-lockup{gap:11px}.brand-mark{color:#fff;background:linear-gradient(145deg,#837bf9,#544bd4);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 20px #5b53e147}.brand-mark svg{width:24px;height:24px}.brand-name{color:var(--ink);letter-spacing:-.35px;font-size:16px;font-weight:800;line-height:1.2}.brand-tagline{color:var(--muted);letter-spacing:.02em;margin-top:3px;font-size:11px;font-weight:600}.topbar-right{gap:19px}.connection-pill{color:#756020;letter-spacing:.01em;background:#fffaf0;border:1px solid #f1e3bd;border-radius:999px;gap:8px;min-height:31px;padding:0 11px;font-size:11px;font-weight:750}.connection-pill--connected{color:#23745d;background:#f1fcf8;border-color:#c4eddf}.status-dot{background:var(--amber);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #efb45426}.connection-pill--connected .status-dot{background:var(--mint);box-shadow:0 0 0 3px #45cda129}.secure-label{color:var(--muted);gap:6px;font-size:11px;font-weight:650}.secure-label svg{color:#6b65d9;width:16px;height:16px}.workspace{grid-template-columns:minmax(0,1fr) 364px;gap:25px;padding:52px 0 27px;display:grid}.content-column,.control-column{min-width:0}.content-column{flex-direction:column;gap:23px;display:flex}.page-heading{justify-content:space-between;align-items:flex-start;gap:24px;padding:0 5px 11px;display:flex}.eyebrow,.panel-kicker,.stage-kicker{color:#777b92;letter-spacing:.15em;font-size:10px;font-weight:800}.eyebrow{align-items:center;gap:8px;display:flex}.eyebrow-line{background:var(--violet);border-radius:2px;width:22px;height:2px}h1,h2,p{margin:0}h1{max-width:670px;color:var(--ink);letter-spacing:-.052em;margin-top:12px;font-size:clamp(34px,4vw,54px);font-weight:760;line-height:1.04}.page-intro{max-width:530px;color:var(--ink-soft);margin-top:16px;font-size:14px;line-height:1.6}.session-badge{border:1px solid var(--line);background:#ffffffa3;border-radius:14px;gap:10px;min-width:173px;padding:11px 14px;box-shadow:0 8px 20px #272a4a09}.session-badge__icon{width:28px;height:28px;color:var(--violet);background:var(--violet-soft);border-radius:9px;flex:none;place-items:center;display:grid}.session-badge__icon svg{width:17px;height:17px}.session-badge strong,.session-badge small{display:block}.session-badge strong{color:var(--ink);font-size:11px;font-weight:750}.session-badge small{color:var(--muted);margin-top:3px;font-size:10px;font-weight:550}.video-stage{background:#202333;border:1px solid #fff9;border-radius:25px;padding:24px;box-shadow:0 24px 50px #20233330,0 4px 12px #2023331f}.stage-header{justify-content:space-between;align-items:flex-end;gap:16px;padding:0 1px 19px;display:flex}.stage-kicker{color:#8f94ae;font-size:9px}.stage-header h2{color:#fff;letter-spacing:-.025em;margin-top:6px;font-size:18px;font-weight:720}.stage-tools{gap:9px}.quality-chip,.stage-count{white-space:nowrap;font-size:10px;font-weight:700}.quality-chip{color:#c7caff;background:#6c63ed26;border:1px solid #9791ff42;border-radius:7px;align-items:center;gap:6px;padding:6px 9px;display:inline-flex}.quality-chip__dot,.stage-footer__dot{background:#8b84ff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #8b84ff1f}.stage-count{color:#8f94ae}.video-grid{grid-template-columns:minmax(0,1.55fr) minmax(220px,.85fr);gap:11px;display:grid}.video-tile{background:radial-gradient(circle at 50% 38%,#5459783d,#0000 45%),#171925;border:1px solid #ffffff1a;border-radius:16px;min-width:0;min-height:375px;position:relative;overflow:hidden}.video-tile--local{background:radial-gradient(circle at 50% 30%,#4e507e52,#0000 45%),#1c1e2c;min-height:250px}.video-element{width:100%;height:100%;min-height:inherit;object-fit:cover;background:0 0;display:block}.video-tile--local .video-element{transform:scaleX(-1)}.video-tile__topline,.video-nameplate{z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;left:13px;right:13px}.video-tile__topline{top:13px}.video-label{color:#ffffffb8;letter-spacing:.11em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0b1245;border:1px solid #ffffff21;border-radius:7px;align-items:center;gap:7px;padding:6px 8px;font-size:9px;font-weight:800;display:inline-flex}.video-label__dot{background:#a4a9bb;border-radius:50%;width:5px;height:5px}.video-label__dot--you{background:#8b84ff}.video-tile__signal{color:#ffffff6e;font-size:9px;font-weight:600}.video-empty-state{z-index:2;color:#9da2b9;text-align:center;flex-direction:column;align-items:center;gap:6px;width:min(80%,290px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.video-empty-state__icon{color:#8288a5;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:7px;display:grid}.video-empty-state__icon svg{width:23px;height:23px}.video-empty-state strong{color:#e5e7f3;font-size:13px;font-weight:650}.video-empty-state span{color:#858ba5;font-size:11px;line-height:1.45}.video-empty-state--local{width:min(84%,220px)}.video-nameplate{color:#ffffffd6;justify-content:flex-start;gap:8px;font-size:11px;font-weight:650;bottom:12px}.avatar{border-radius:8px;flex:none;place-items:center;width:24px;height:24px;font-size:9px;font-weight:800;display:inline-grid}.avatar--remote{color:#cbc9ff;background:#6961e799}.avatar--you{color:#b4f1de;background:#31987780;width:auto;min-width:24px;padding:0 5px;font-size:8px}.stage-footer{color:#858ba5;justify-content:space-between;gap:15px;padding:17px 1px 0;font-size:10px;font-weight:600}.stage-footer__details{gap:15px;min-width:0}.stage-footer__status{gap:8px}.stage-footer__dot{background:#55cfa6;box-shadow:0 0 0 3px #55cfa61f}.stage-footer__note{color:#656a83}.end-call-btn{color:#ffb8b8;white-space:nowrap;background:#d3464f29;border:1px solid #ff7d7d47;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 13px;font-size:10px;font-weight:750;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.end-call-btn:hover{color:#fff;background:#c94755;border-color:#ff8e8ea6;transform:translateY(-1px)}.end-call-btn:active{transform:translateY(0)}.end-call-btn svg{width:14px;height:14px}.info-strip{background:#ffffffad;border:1px solid #e6e6f3;border-radius:17px;align-items:center;gap:13px;padding:17px 18px;display:flex}.info-strip__icon{width:34px;height:34px;color:var(--violet);background:var(--violet-soft);border-radius:10px;flex:none;place-items:center;display:grid}.info-strip__icon svg{width:18px;height:18px}.info-strip strong{color:var(--ink);font-size:11px;font-weight:750;display:block}.info-strip p{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.4}.info-strip__arrow{color:#9a9eb0;margin-left:auto;font-size:18px}.control-column{flex-direction:column;gap:15px;display:flex}.panel{border:1px solid var(--line);background:#ffffffd1;border-radius:20px;padding:22px;box-shadow:0 12px 35px #272a4a0b}.panel-heading{align-items:flex-start;gap:11px}.panel-heading__icon{width:34px;height:34px;color:var(--violet);background:var(--violet-soft);border-radius:10px;flex:none;place-items:center;display:grid}.panel-heading__icon svg{width:19px;height:19px}.panel h2,.people-heading h2{color:var(--ink);letter-spacing:-.025em;margin-top:5px;font-size:16px;font-weight:750}.panel-description{color:var(--muted);margin-top:15px;font-size:11px;line-height:1.55}.device-fields{flex-direction:column;gap:11px;margin-top:19px;display:flex}.device-field{display:block}.device-field__label{color:var(--ink-soft);gap:6px;margin-bottom:7px;font-size:10px;font-weight:750}.device-field__icon{color:var(--violet);font-size:11px}.device-field__icon--mic{font-size:17px;font-weight:800;line-height:9px;transform:rotate(-25deg)}.select-wrap{display:block;position:relative}.select-wrap select{width:100%;min-height:42px;color:var(--ink);appearance:none;text-overflow:ellipsis;background:#fbfbfd;border:1px solid #e1e2eb;border-radius:11px;outline:none;padding:0 38px 0 12px;font-size:11px;font-weight:600;transition:border-color .16s,box-shadow .16s,background .16s;overflow:hidden}.select-wrap select:hover{background:#fff;border-color:#c9c9e6}.select-wrap select:focus{border-color:#9892f3;box-shadow:0 0 0 3px #6258ed1a}.select-wrap>svg{color:#85899d;pointer-events:none;width:15px;height:15px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.device-status{color:#4b846f;border-top:1px solid #eff0f4;gap:8px;margin-top:17px;padding-top:15px;font-size:10px;font-weight:650}.status-dot--small{background:var(--mint);width:6px;height:6px;box-shadow:0 0 0 3px #45cda121}.people-heading{justify-content:space-between;align-items:flex-start}.people-count{width:28px;height:28px;color:var(--violet);background:var(--violet-soft);border-radius:9px;place-items:center;font-size:11px;font-weight:800;display:grid}.users-list{flex-direction:column;gap:9px;margin-top:18px;display:flex}.users-empty{text-align:center;flex-direction:column;align-items:center;padding:18px 12px 8px;display:flex}.users-empty__icon{color:#979bae;background:#fafafd;border:1px solid #e9e9f0;border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:9px;display:grid}.users-empty__icon svg{width:21px;height:21px}.users-empty strong{color:var(--ink-soft);font-size:11px;font-weight:700}.users-empty span{max-width:210px;color:var(--muted);margin-top:5px;font-size:10px;line-height:1.45}.user-card{background:#fcfcfe;border:1px solid #eeeff4;border-radius:12px;align-items:center;gap:9px;min-width:0;padding:9px;display:flex}.avatar--user{color:#6861d1;background:#eeedff}.user-details{flex:1;min-width:0}.user-label,.user-id{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-label{color:var(--ink-soft);font-size:10px;font-weight:750}.user-id{color:var(--muted);margin-top:2px;font-size:9px;font-weight:550}.call-btn{color:#fff;background:var(--violet);border:0;border-radius:8px;gap:4px;min-height:29px;padding:0 9px;font-size:10px;font-weight:750;transition:background .16s,transform .16s,box-shadow .16s}.call-btn:hover{background:var(--violet-dark);transform:translateY(-1px);box-shadow:0 5px 12px #6258ed3b}.call-btn:active{transform:translateY(0)}.call-btn svg{width:12px;height:12px}.privacy-card{color:#536077;background:#f2fcf8cc;border:1px solid #dfeee9;border-radius:16px;gap:11px;padding:15px 16px}.privacy-card__icon{color:#46a988;background:#def7ed;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.privacy-card__icon svg{width:17px;height:17px}.privacy-card strong,.privacy-card span{display:block}.privacy-card strong{color:#356651;font-size:10px;font-weight:750}.privacy-card span{color:#779286;margin-top:3px;font-size:9px}.app-footer{color:#999daf;letter-spacing:.1em;border-top:1px solid #d8d9e5b8;justify-content:space-between;align-items:center;padding:20px 2px 26px;font-size:9px;font-weight:750;display:flex}.footer-separator{color:#c2c4cf;margin:0 5px}.footer-heart{color:#d394b0;letter-spacing:0;margin-left:3px}@media (width<=1120px){.topbar,.workspace,.app-footer{width:min(100% - 40px,900px)}.workspace{grid-template-columns:minmax(0,1fr)}.control-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.privacy-card{grid-column:1/-1}}@media (width<=700px){.topbar,.workspace,.app-footer{width:min(100% - 28px,600px)}.topbar{padding:19px 0}.topbar-right{gap:0}.secure-label{display:none}.workspace{gap:21px;padding-top:31px}.page-heading{flex-direction:column;gap:18px;padding:0 2px 3px}h1{max-width:540px;font-size:clamp(33px,9vw,46px)}.page-intro{margin-top:13px;font-size:13px}.video-stage{border-radius:21px;padding:17px}.stage-header{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:15px}.video-grid{grid-template-columns:1fr}.video-tile,.video-tile--local{min-height:300px}.video-tile--local{min-height:220px}.stage-footer{flex-direction:column;align-items:flex-start;gap:8px}.stage-footer__details{flex-direction:column;align-items:flex-start;gap:7px}.end-call-btn{width:100%}.control-column{display:flex}}@media (width<=450px){.topbar,.workspace,.app-footer{width:calc(100% - 24px)}.brand-tagline{display:none}.connection-pill{min-height:29px;padding:0 9px;font-size:10px}.session-badge{width:100%}.stage-tools{justify-content:space-between;width:100%}.info-strip{align-items:flex-start}.info-strip__arrow{display:none}.panel{padding:19px 17px}.app-footer{flex-direction:column;align-items:flex-start;gap:7px;padding-bottom:20px}}