:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f3fa;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#15131b;--panel:#201d27;--panel-raised:#27232f;--line:#37313e;--muted:#aaa2b3;--soft:#d6cedd;--violet:#b39afb;--lilac:#dbcaff;--mint:#84e2c2;--rose:#ffa5bb;background:#15131b;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 15% 0, #402c4b70, transparent 34rem), radial-gradient(ellipse at 92% 26%, #273d4b55, transparent 30rem), var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}[hidden]{display:none!important}.app-shell{flex-direction:column;max-width:1240px;min-height:100vh;margin:0 auto;padding:0 32px;display:flex}.topbar{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;min-height:78px;display:flex}.brand{color:#f8f4fc;letter-spacing:-.7px;align-items:center;gap:11px;font-family:Segoe UI,system-ui,sans-serif;font-size:19px;font-weight:800;text-decoration:none;display:inline-flex}.brand-icon{color:#20192a;background:linear-gradient(145deg,#d8c8ff,#9e85df);border:1px solid #c5b1ff55;border-radius:12px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 5px 18px #ae91f832}.brand-light{color:#c4b8ce;font-weight:500}.privacy-badge{color:#c7eedf;background:#84e2c20d;border:1px solid #84e2c226;border-radius:99px;align-items:center;gap:9px;padding:9px 13px;font-size:11px;font-weight:600;display:inline-flex}.privacy-dot{background:var(--mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #84e2c2b0}main{flex:1}.welcome-view{grid-template-columns:minmax(0,1fr) minmax(345px,410px);align-items:center;gap:clamp(45px,8vw,115px);min-height:690px;padding:54px 4.5% 75px;display:grid}.welcome-copy{max-width:610px}.eyebrow{color:var(--mint);letter-spacing:1.75px;margin:0;font-size:10px;font-weight:700}.eyebrow-mark{background:var(--mint);border-radius:2px;width:7px;height:7px;margin-right:7px;display:inline-block;transform:rotate(45deg)}h1,h2,p{margin-top:0}.welcome-copy h1{letter-spacing:-3.3px;margin:25px 0 19px;font:700 clamp(40px,5.5vw,66px)/1.08 Segoe UI,system-ui,sans-serif}.intro{color:#b9b0c2;max-width:480px;margin-bottom:31px;font-size:15px;line-height:1.8}.feature-row{color:#d8d0df;flex-wrap:wrap;gap:11px 19px;font-size:11px;display:flex}.feature-row span span{color:var(--mint);margin-right:5px}.join-card{background:linear-gradient(145deg,#24212c,#1c1a23);border:1px solid #ffffff12;border-radius:23px;padding:27px;box-shadow:0 28px 90px #08070d55,inset 0 1px #ffffff08}.card-heading{align-items:center;gap:13px;margin-bottom:24px;display:flex}.card-symbol{color:#ded1ff;background:#a589e51c;border-radius:14px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.card-heading h2{margin:0 0 5px;font:700 18px Segoe UI,system-ui,sans-serif}.card-heading p{color:var(--muted);margin:0;font-size:11px}.field-label{color:#d5cede;margin:14px 0 7px;font-size:11px;font-weight:600;display:block}.text-input{color:#f8f4fc;background:#19171f;border:1px solid #403a48;border-radius:11px;outline:0;width:100%;min-height:45px;padding:0 13px;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.text-input::placeholder{color:#746d7b}.key-input{letter-spacing:.3px;font-family:ui-monospace,Cascadia Code,monospace;font-size:11px}.secret-entry{gap:7px;display:flex}.secret-entry .text-input{min-width:0}.reveal-button{color:#d9cef0;background:#ffffff08;border:1px solid #403a48;border-radius:10px;flex:none;padding:0 10px;font-size:10px}.reveal-button:hover{background:#a589e512;border-color:#a78cec80}.button{border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:46px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button-primary{color:#211a2b;background:linear-gradient(110deg,#d4c2ff,#aa94ed);margin-top:14px;box-shadow:0 7px 20px #b39afb25}.button-primary:hover:not(:disabled){box-shadow:0 11px 24px #b39afb3b}.button-secondary{color:#ded1ff;background:#a589e51a}.divider{color:#827a8a;white-space:nowrap;align-items:center;gap:11px;margin:20px 0 17px;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:#ffffff12;flex:1;height:1px}.join-card>.button-secondary{margin-top:16px}.form-error{color:#ffc4cb;background:#ff839b12;border:1px solid #ff8e9d3b;border-radius:9px;margin:13px 0 0;padding:10px 12px;font-size:11px;line-height:1.5}.room-view{padding:30px 0 38px}.room-header{justify-content:space-between;align-items:center;gap:15px;min-height:72px;margin-bottom:22px;display:flex}.room-title{align-items:center;gap:13px;min-width:0;display:flex}.live-mark{background:#84e2c20e;border:1px solid #84e2c22e;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.live-mark span{background:var(--mint);border-radius:50%;width:10px;height:10px;box-shadow:0 0 14px #84e2c280}.room-title .eyebrow{margin-bottom:4px;font-size:9px}.room-title h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font:700 20px Segoe UI,system-ui,sans-serif;overflow:hidden}.room-header-actions{align-items:center;gap:10px;display:flex}.encrypted-status{color:#938c99;white-space:nowrap;border:1px solid #84e2c21f;border-radius:99px;align-items:center;gap:7px;padding:9px 11px;font-size:10px;font-weight:700;display:inline-flex}.encrypted-status span{color:#89808e;font-size:9px}.encrypted-status.ready{color:#b9efdc;background:#84e2c20b}.encrypted-status.ready span{color:var(--mint)}.button-small{width:auto;min-height:36px;padding:0 13px;font-size:10px}.button-quiet{color:#c4bbc9;background:#ffffff06;border:1px solid #ffffff16}.button-quiet:hover:not(:disabled){background:#ffffff10}.invite-panel{background:#a589e50b;border:1px solid #a589e52e;border-radius:16px;margin-bottom:18px;padding:19px 21px;animation:.25s both rise-in}.invite-copy strong,.invite-copy span{display:block}.invite-copy strong{margin-bottom:5px;font-size:13px}.invite-copy span{color:var(--muted);font-size:11px}.invite-fields{grid-template-columns:1fr auto;align-items:center;gap:9px 12px;margin-top:15px;display:grid}.invite-fields label{overflow-wrap:anywhere;min-width:0;color:var(--muted);font-size:10px}.secret-value{color:#e6dcf4;margin-top:5px;font-family:ui-monospace,Cascadia Code,monospace;font-size:11px;display:block}.copy-button{color:#e3d9f2;background:#ffffff08;border:1px solid #ffffff16;border-radius:8px;min-height:32px;padding:0 11px;font-size:10px}.invite-warning{color:#bcaec1;margin:13px 0 0;font-size:10px;line-height:1.5}.workspace{grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);gap:17px;display:grid}.call-panel,.chat-panel{background:linear-gradient(145deg,#24212c,#1d1b24);border:1px solid #ffffff12;border-radius:20px;min-width:0;min-height:520px;box-shadow:0 20px 60px #09080f38}.call-panel{flex-direction:column;padding:23px;display:flex}.call-panel-heading,.chat-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.call-panel-heading h2,.chat-heading h2{margin:0 0 5px;font:700 17px Segoe UI,system-ui,sans-serif}.call-panel-heading p,.chat-heading p{color:var(--muted);margin:0;font-size:10px}.audio-label{color:#aaa2b3;letter-spacing:.7px;align-items:center;gap:7px;font-size:9px;font-weight:700;display:inline-flex}.audio-pulse{background:var(--mint);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #84e2c2aa}.participant-list{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:11px;padding:28px 0;display:grid}.participant-card{background:#ffffff05;border:1px solid #ffffff0e;border-radius:13px;align-items:center;gap:10px;min-width:0;min-height:65px;padding:10px;transition:border-color .2s,background .2s,transform .2s;display:flex}.participant-card.speaking{background:#84e2c20d;border-color:#84e2c277;transform:translateY(-1px)}.participant-avatar{color:#e7d9ff;background:#a589e523;border-radius:12px;flex:none;place-items:center;width:34px;height:34px;font:700 13px Segoe UI,system-ui,sans-serif;display:grid}.participant-card:nth-child(3n) .participant-avatar{color:#b9f0de;background:#84e2c21c}.participant-card:nth-child(3n+2) .participant-avatar{color:#ffd1d9;background:#ff9bac1c}.participant-details{flex:1;min-width:0}.participant-details strong,.participant-status{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.participant-details strong{font-size:10px}.participant-status{color:#928a9a;margin-top:4px;font-size:9px}.voice-indicator{color:#81798a;font-size:9px}.call-controls{justify-content:center;gap:11px;display:flex}.mic-button,.mute-button{color:#e3d9f1;background:#ffffff09;border:1px solid #ffffff18;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:46px;font-size:11px;font-weight:700;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.mic-button{min-width:190px;padding:0 17px}.mic-button:hover:not(:disabled),.mute-button:hover:not(:disabled){background:#ffffff12;transform:translateY(-2px)}.mute-button{color:#c8bed2;width:48px}.call-hint{color:#827b88;text-align:center;margin:13px 0 0;font-size:9px}.chat-panel{flex-direction:column;padding:22px;display:flex}.chat-lock{color:var(--mint);font-size:12px}.message-list{scrollbar-color:#4b4354 transparent;scrollbar-width:thin;flex-direction:column;flex:1;gap:12px;min-height:0;max-height:400px;padding:20px 2px 14px;display:flex;overflow-y:auto}.chat-empty{color:#9f96a7;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:235px;padding:20px;display:flex}.chat-empty>span{width:42px;height:42px;color:var(--violet);background:#a589e51c;border-radius:15px;place-items:center;margin-bottom:13px;font-size:18px;display:grid}.chat-empty strong{color:#e2dce8;font-size:12px}.chat-empty p{max-width:190px;margin:7px 0 0;font-size:10px;line-height:1.6}.message{background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px 13px 13px;align-self:flex-start;max-width:90%;padding:10px 12px;animation:.2s both rise-in}.message-meta{align-items:baseline;gap:9px;display:flex}.message-meta strong{color:#d7c5ff;font-size:10px}.message-meta time{color:#898191;font-size:9px}.message p{color:#e1dbe8;overflow-wrap:anywhere;white-space:pre-wrap;margin:5px 0 0;font-size:11px;line-height:1.6}.message-form{border-top:1px solid #ffffff10;gap:8px;padding-top:13px;display:flex}.message-form .text-input{min-height:43px}.send-button{color:#211a2b;background:var(--lilac);border:0;border-radius:12px;flex:none;width:43px;font-size:22px;transition:transform .2s,background .2s}.send-button:hover:not(:disabled){background:#fff;transform:translateY(-2px)}.chat-footnote{color:#898191;margin:10px 0 0;font-size:9px}.chat-footnote span{color:var(--mint);margin-right:5px}.toast{z-index:10;color:#f6f0fa;opacity:0;pointer-events:none;background:#292530;border:1px solid #ffffff19;border-radius:12px;max-width:calc(100% - 30px);padding:12px 17px;font-size:11px;transition:opacity .2s,transform .2s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,10px);box-shadow:0 12px 36px #0005}.toast.show{opacity:1;transform:translate(-50%)}.footer{color:#817989;border-top:1px solid #ffffff0d;justify-content:space-between;gap:12px;padding:18px 2px 21px;font-size:10px;display:flex}.footer span:first-child{color:#bdb4c7;font-weight:700}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=850px){.app-shell{padding:0 22px}.welcome-view{grid-template-columns:minmax(0,.95fr) minmax(315px,.9fr);gap:35px;padding-left:0;padding-right:0}.welcome-copy h1{font-size:clamp(38px,6.2vw,54px)}.workspace{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:12px}.call-panel,.chat-panel{padding:18px}}@media (width<=680px){.app-shell{padding:0 16px}.topbar{min-height:68px}.privacy-badge{padding:8px 10px;font-size:9px}.welcome-view{grid-template-columns:1fr;gap:28px;min-height:auto;padding:48px 0 35px}.welcome-copy h1{letter-spacing:-2.5px;margin:18px 0 13px;font-size:clamp(39px,10vw,54px)}.intro{margin-bottom:19px;font-size:13px}.feature-row{gap:8px 13px;font-size:10px}.join-card{border-radius:19px;padding:21px}.room-view{padding-top:18px}.room-header{flex-direction:column;align-items:flex-start;padding:5px 0 10px}.room-header-actions{flex-wrap:wrap;width:100%}.workspace{grid-template-columns:1fr}.call-panel,.chat-panel{border-radius:17px;min-height:390px}.participant-list{grid-template-columns:repeat(2,minmax(0,1fr));min-height:150px}.chat-panel{min-height:420px}.message-list{max-height:310px}.invite-panel{padding:16px}}@media (width<=390px){.app-shell{padding:0 12px}.brand{gap:8px;font-size:17px}.brand-icon{width:31px;height:31px}.privacy-badge{gap:6px;padding:7px 8px;font-size:8px}.welcome-view{padding-top:35px}.welcome-copy h1{font-size:39px}.feature-row{column-gap:9px;font-size:9px}.join-card{padding:18px}.invite-fields{grid-template-columns:1fr}.copy-button{justify-self:start}.footer{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--canvas:#131a21;--panel:#1b242d;--panel-raised:#222d37;--line:#35424c;--muted:#a0adb7;--soft:#d3dce2;--violet:#a9c5d8;--lilac:#d0dce4;--mint:#8ac6b3;--rose:#d49ca2;color:#edf2f5;background:var(--canvas)}body{background:radial-gradient(ellipse at 10% 0, #293c4933, transparent 35rem), radial-gradient(ellipse at 96% 24%, #23333d24, transparent 30rem), var(--canvas)}.brand-icon{color:#17212a;box-shadow:none;background:#b6cbd8;border-color:#a9c5d844;border-radius:9px}.privacy-badge{color:#c0d0d9;background:#a9c5d80a;border-radius:8px}.privacy-dot{box-shadow:none;background:#8ac6b3}.eyebrow{color:#a8c3d3}.eyebrow-mark{background:#a8c3d3;border-radius:1px}.welcome-copy h1 span{color:#b5cbd9}.intro{color:#bcc6cd}.feature-row{color:#ccd5da}.feature-row span span{color:#91c5b2}.privacy-note,.room-privacy-note{color:#aebbc4;background:#a9c5d807;border:1px solid #a9c5d81b;border-radius:10px;align-items:flex-start;gap:11px;display:flex}.privacy-note{max-width:470px;margin-top:25px;padding:13px 14px}.privacy-note-icon,.room-note-icon{color:#c3d4df;border:1px solid #a9c5d858;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font-size:11px;font-weight:700;display:grid}.privacy-note p,.room-privacy-note p{margin:0;font-size:10px;line-height:1.6}.privacy-note strong,.room-privacy-note strong{color:#e1e9ee}.join-card,.call-panel,.chat-panel{background:#1b242df2;border-color:#ffffff14;border-radius:15px;box-shadow:0 20px 55px #05090d40}.card-symbol{color:#c1d1da;background:#a9c5d814;border-radius:10px}.card-heading h2{font-size:17px}.text-input{background:#141c23;border-color:#3d4a55;border-radius:8px}.text-input:focus{background:#172129;border-color:#93b3c6;box-shadow:0 0 0 3px #93b3c61b}.reveal-button,.copy-button{color:#d0dbe1;background:#ffffff07;border-color:#3d4a55;border-radius:8px}.reveal-button:hover,.copy-button:hover{background:#a9c5d80d;border-color:#91adbe77}.button,.mic-button,.mute-button,.send-button{border-radius:8px}.button-primary{color:#17212a;box-shadow:none;background:#b7cbd7}.button-primary:hover:not(:disabled){color:#10191f;background:#d0dce4;box-shadow:0 5px 14px #080e143d}.button-secondary{color:#c6d8e2;background:#a9c5d80c;border:1px solid #a9c5d825}.button-secondary:hover:not(:disabled){background:#a9c5d819}.room-title .eyebrow{color:#9dbacb}.live-mark{background:#8ac6b30b;border-color:#8ac6b32b;border-radius:10px}.live-mark span,.audio-pulse{box-shadow:none;background:#8ac6b3}.encrypted-status{color:#9aabb5;border-radius:8px}.encrypted-status.ready{color:#bce0d2;background:#8ac6b30a;border-color:#8ac6b33b}.encrypted-status.ready span,.chat-lock,.chat-footnote span{color:#8ac6b3}.invite-panel{background:#a9c5d807;border-color:#91adbe25;border-radius:11px}.invite-copy span,.invite-warning{color:#b0bbc3}.room-privacy-note{margin:0 0 16px;padding:12px 14px}.participant-card{background:#ffffff04;border-radius:9px}.participant-avatar,.participant-card:nth-child(3n) .participant-avatar,.participant-card:nth-child(3n+2) .participant-avatar{color:#c6d5de;background:#a9c5d814;border-radius:9px}.participant-card.speaking{background:#8ac6b308;border-color:#8ac6b35b}.speaking .voice-indicator{color:#8ac6b3}.mic-button.enabled{color:#c4e4d8;background:#8ac6b312;border-color:#8ac6b35b}.mute-button.muted{color:#e5bdc1;background:#d49ca20e;border-color:#d49ca24f}.chat-empty>span{color:#b5cbd9;background:#a9c5d811;border-radius:10px}.message{border-radius:4px 9px 9px}.message-meta strong{color:#b8ceda}.send-button{color:#17212a;background:#c5d5df}.send-button:hover:not(:disabled){background:#e0e8ed}.footer{border-top-color:#ffffff12}.footer span:first-child{color:#bdcbd3}.toast{border-radius:9px}@media (width<=680px){.privacy-note{margin-top:19px}.room-privacy-note{margin-bottom:12px}}