:root{font-family:Inter,Arial,sans-serif;color:#edf2f7;background:#101c29;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 80% 30%,#193d46 0,transparent 55%)}header{max-width:1120px;margin:auto;padding:30px 32px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:23px;font-weight:750;letter-spacing:-.7px;color:inherit;text-decoration:none}.brand-icon{display:inline-block;margin-left:12px;color:#a8eb81}.tag{font-size:14px;color:#a3b3c3}main{max-width:720px;margin:45px auto 0;padding:0 24px;text-align:center}.eyebrow{font-size:12px;letter-spacing:2.3px;color:#a8eb81;font-weight:bold}h1{font-size:clamp(44px,7vw,66px);line-height:1.07;letter-spacing:-2.8px;margin:21px 0}.intro{font-size:18px;line-height:1.55;color:#aabcc9;margin-bottom:30px}.card{background:#f4f7f9;color:#172b3b;border-radius:24px;padding:27px;box-shadow:0 25px 80px #0003;text-align:left}.card-top{display:flex;justify-content:space-between;gap:10px;font-size:15px;font-weight:bold}.capacity{font-size:13px;font-weight:normal;color:#5e6e79}.people{display:flex;justify-content:center;align-items:center;gap:27px;margin:31px 0 20px}.people>div:not(.connection){display:flex;align-items:center;flex-direction:column;min-width:125px}.avatar{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:29px;font-weight:bold;margin-bottom:12px}.self{background:#d8ecc9}.friend{background:#dfe8f1}.people strong{font-size:16px}.people span{font-size:13px;margin-top:5px;color:#5e6e79}.connection{display:flex;gap:5px;align-items:center;margin-top:-42px}.connection i{width:4px;height:9px;background:#a9b8bf;border-radius:4px}.connection i:nth-child(2n){height:19px}.connected .connection i{background:#4b8441}.connected .connection i:nth-child(3){height:29px}#status{text-align:center;line-height:1.5;font-size:15px;min-height:23px;color:#536573}#error{background:#ffe3df;color:#8b2525;border-radius:10px;padding:12px;font-size:15px;line-height:1.5}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.actions button{flex:1}button{cursor:pointer;border:0;border-radius:12px;padding:15px 18px;font-size:15px;font-weight:650;background:#e1e9ef;color:#203547;min-height:48px}button:hover{filter:brightness(.95)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #528e41;outline-offset:3px}.primary{background:#b9ee91;color:#173020}.danger{background:#f6dedb;color:#9e3630}#invite{border-top:1px solid #dce3e8;margin-top:24px;padding-top:21px}label{font-size:14px;font-weight:bold}.link-row{display:flex;gap:8px;margin-top:10px}input{min-width:0;flex:1;background:white;border:1px solid #cdd8df;border-radius:10px;padding:12px;font-size:14px;color:#526474}.hint{font-size:12px;color:#637480;margin:10px 0 0}.footnote{font-size:14px;color:#a3b3c3;line-height:1.7;margin-top:24px}footer{text-align:center;color:#7f94a5;font-size:12px;padding:24px}[hidden]{display:none!important}@media(max-width:500px){header{padding:22px}.tag{font-size:12px}main{margin-top:26px;padding:0 16px}.card{padding:20px;border-radius:20px}.people{gap:12px}.people>div:not(.connection){min-width:102px}.connection{gap:3px}h1{letter-spacing:-2px}.link-row{flex-wrap:wrap}.link-row input{flex-basis:100%}.link-row button{width:100%}.card-top{font-size:14px}.capacity{font-size:12px}}
.install-panel{margin-top:22px;text-align:center}.install-panel>button{background:transparent;color:#b9ee91;border:1px solid #486254}.install-panel>div{text-align:left;background:#192c3b;padding:6px 20px;border-radius:14px;margin-top:14px;font-size:14px;line-height:1.65;color:#cfdae2}.retry-link{display:inline-block;background:#b9ee91;color:#173020;padding:15px 20px;border-radius:12px;text-decoration:none;font-weight:bold}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);min-height:100dvh}@media(display-mode:standalone){#install-panel{display:none}}
.video-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.video-stage figure{position:relative;margin:0;background:#142432;border-radius:14px;overflow:hidden}.video-stage video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#142432}.video-stage figcaption{padding:8px 10px;color:#e1eaf0;font-size:12px}.video-stage .screen-tile{grid-column:1/-1}.screen-tile video{aspect-ratio:16/9;object-fit:contain}.self-camera video{transform:scaleX(-1)}.self-camera.rear-camera video{transform:none}.media-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.media-actions button{flex:1 1 135px;font-size:14px;padding:12px}.media-actions button[aria-pressed=true]{background:#d8ecc9;color:#254d24}.media-notice{background:#e4edf3;padding:12px;border-radius:10px;font-size:14px;line-height:1.5}.output-panel{border:1px solid #d0dce3;border-radius:12px;padding:16px;margin-top:14px}.output-panel select{display:block;width:100%;min-height:46px;border-radius:8px;border:1px solid #a8bdc9;background:white;color:#172b3b;font-size:16px;padding:8px;margin:10px 0}.output-panel p{font-size:14px;line-height:1.5;color:#536573}.output-panel button{font-size:14px}.security{font-size:13px;margin-top:20px;border-top:1px solid #dce3e8;padding-top:16px;color:#506675;line-height:1.6}.security summary{cursor:pointer;font-weight:bold}.security.verified summary{color:#367033}.security p{margin:8px 0}.security strong{display:block;font:700 20px/1.7 ui-monospace,monospace;letter-spacing:1px;color:#234631}.in-call main{margin-top:16px}.in-call h1,.in-call .intro,.in-call .eyebrow{display:none}.in-call .people{margin-top:20px}.in-call .avatar{width:52px;height:52px;font-size:22px}.in-call .footnote{margin-top:16px}select:focus-visible{outline:3px solid #528e41;outline-offset:3px}@media(max-width:360px){.video-stage{grid-template-columns:minmax(0,1fr)}.security strong{font-size:17px}}