:root{color:#edf3ff;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0c1424;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:780px;margin:auto;padding:32px 24px 20px}header{justify-content:space-between;align-items:center;margin-bottom:42px;display:flex}.brand{letter-spacing:-1px;color:inherit;align-items:center;gap:10px;font-size:28px;font-weight:700;text-decoration:none;display:flex}.mark{letter-spacing:0;color:#0c1424;background:#a4f38b;border-radius:13px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.tag{color:#a7b5ca;font-size:14px}.call-card{text-align:center;background:#142138;border:1px solid #2a3c56;border-radius:30px;padding:30px 32px}.eyebrow{color:#bac7da;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}#lamp{background:#8493a8;border-radius:50%;width:7px;height:7px}#lamp.online{background:#a4f38b;box-shadow:0 0 12px #a4f38b66}.portrait{color:#e2ebff;background:#283c59;border:1px solid #4e6485;border-radius:50%;justify-content:center;align-items:center;width:124px;height:124px;margin:35px auto 24px;font-size:52px;display:flex;position:relative}.portrait span+span{color:#163419;background:#a4f38b;border:5px solid #142138;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;display:flex;position:absolute;bottom:-2px;right:-6px}h1{letter-spacing:-1.1px;margin:0 0 12px;font-size:clamp(28px,5vw,38px);font-weight:600}p{color:#b4c2d8;margin:0;font-size:16px;line-height:1.6}#status{max-width:420px;min-height:52px;margin:0 auto 26px}button{font:inherit;cursor:pointer;border:0;border-radius:15px;min-height:52px;padding:16px 21px;font-size:16px;font-weight:600}button:disabled{opacity:.4;cursor:not-allowed}:is(button:focus-visible,summary:focus-visible,input:focus-visible,a:focus-visible){outline-offset:4px;outline:3px solid #b9fa9d}.primary{color:#142b18;background:#a4f38b}.primary:hover:not(:disabled){background:#bafa9f}.secondary{color:#eef4ff;background:#2b3c55;border:1px solid #42536b}.danger{color:#fff;background:#c73949}.actions{justify-content:center;gap:12px;display:flex}.actions .primary{flex:1;max-width:280px}.controls{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.controls button{padding:14px;font-size:14px}.below{padding:28px 8px 0}.privacy{align-items:center;gap:14px;display:flex}.privacy strong{font-size:16px;font-weight:500}.privacy p{margin-top:4px;font-size:14px}.shield{color:#a4f38b;font-size:40px}details{border-top:1px solid #2b394f;margin-top:24px;padding-top:20px}summary{cursor:pointer;color:#aebed6;font-size:16px}details p{margin-top:14px;font-size:14px}footer{text-align:center;color:#7f91ae;margin-top:34px;font-size:14px}.toggle{gap:12px;margin-top:20px;font-size:15px;line-height:1.5;display:flex}.toggle input{accent-color:#a4f38b;flex-shrink:0;width:20px;height:20px}.text-button{color:#a4f38b;background:0 0;padding:12px 0;font-size:14px}.video-stage{aspect-ratio:4/3;background:#080e18;border-radius:20px;width:100%;margin:12px 0;position:relative;overflow:hidden}#remoteVideo{object-fit:contain;width:100%;height:100%}#localVideo{object-fit:cover;background:#253952;border-radius:12px;width:25%;height:30%;position:absolute;bottom:12px;right:12px}#duration{font-variant-numeric:tabular-nums;background:#0009;border-radius:8px;padding:5px 10px;font-size:14px;position:absolute;top:12px;left:12px}.verification{background:#0e192b;border:1px solid #324663;border-radius:16px;margin-top:22px;padding:16px}.verification span{color:#a4b5ce;font-size:14px;display:block}.verification strong{font-variant-numeric:tabular-nums;letter-spacing:4px;margin:8px;font-size:26px;display:block}.verification p{font-size:14px}#error{color:#ffdfdf;background:#542739;border-radius:12px;margin:20px 0;padding:14px}#entry{text-align:left}#entry label{margin-bottom:8px;font-size:14px;display:block}#invite{width:100%;font:inherit;color:#fff;background:#0b1729;border:1px solid #4e6485;border-radius:12px;margin-bottom:12px;padding:14px}#entry button{width:100%}#playAudio,#reconnect{margin-top:14px}[hidden]{display:none!important}@media (max-width:480px){main{padding:22px 16px}header{margin-bottom:28px}.call-card{border-radius:24px;padding:25px 20px}.portrait{margin-top:28px}.actions{gap:8px}.actions button{padding:16px}.tag{font-size:13px}.controls button{flex:40%}.controls .danger{flex-basis:100%}}@media (prefers-reduced-motion:no-preference){button{transition:background .15s,opacity .15s}.portrait{transition:opacity .2s}}.join-note{margin-top:12px;font-size:14px}#join{width:100%;max-width:320px}#localVideo.solo{object-fit:contain;border-radius:0;width:100%;height:100%;inset:0}.fullscreen-button{z-index:3;color:#fff;background:#101b2de6;border:1px solid #6a7e99;min-height:44px;padding:10px 14px;font-size:14px;position:absolute;top:12px;right:12px}body.video-expanded{overflow:hidden}.call-card.expanded{z-index:1000;width:100%;height:100%;background:#080e18;border:0;border-radius:0;flex-direction:column;height:100dvh;padding:0;display:flex;position:fixed;inset:0}.call-card.expanded>:not(#videoStage):not(#controls):not(#error){display:none!important}.call-card.expanded .video-stage{aspect-ratio:auto;border-radius:0;flex:1;width:100%;height:100%;min-height:0;margin:0}.call-card.expanded .fullscreen-button{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.call-card.expanded #duration{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left))}.call-card.expanded #controls{padding:12px 16px max(12px,env(safe-area-inset-bottom));background:#101b2d;flex-shrink:0;margin:0}.call-card.expanded #controls button{flex:1;min-width:0}.call-card.expanded #error{border-radius:0;flex-shrink:0;margin:0}