*{box-sizing:border-box}body{margin:0;background:#f3f5f3;color:#172c2b;font:15px/1.5 'Segoe UI',sans-serif}header{height:88px;display:flex;align-items:center;gap:32px;padding:0 5%;border-bottom:1px solid #d7e0da;background:#fff}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#17705c;font-size:28px;font-weight:800}.brand span{font-size:23px;color:#172c2b}.badge,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}#status{margin-left:auto;font-size:13px;background:#edf3ef;padding:8px 15px;border-radius:30px}main{max-width:1450px;margin:auto;padding:32px 5%}.intro{margin-bottom:30px}.eyebrow{color:#337560}h1{font-size:clamp(30px,3.6vw,48px);line-height:1.13;letter-spacing:-1.8px;margin:12px 0}p{color:#62736d}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.call,aside{border:1px solid #d9e2dc;border-radius:18px;background:white;overflow:hidden}.stage{height:420px;position:relative;background:#102d29;color:white}.stage #remote{width:100%;height:100%;object-fit:contain}#empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#empty p{color:#9ab7ac;margin:0}#empty h2{font-size:22px;font-weight:500}.cross{font-size:48px;color:#9cc6a6;line-height:1}.video-label{position:absolute;top:22px;left:22px;font-size:10px;letter-spacing:1.8px;color:#bcd4c9}#local{position:absolute;bottom:18px;right:18px;width:170px;height:110px;background:#23473e;object-fit:cover;border:1px solid #749285;border-radius:10px}.controls{display:flex;gap:9px;flex-wrap:wrap;padding:20px 20px 0}button,input,select{font:inherit;min-height:46px;border-radius:8px;border:1px solid #ccd8cf;padding:10px 12px}button{background:white;color:#244c3e;cursor:pointer;font-weight:600}button:hover:enabled{background:#eaf4ed}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #72b795;outline-offset:2px}.primary{background:#22694f;color:white;border:0}.primary:hover:enabled{background:#174c39}.danger{color:#a33e37;margin-left:auto}#message{padding:0 20px;font-size:13px;min-height:40px}aside{padding:24px}aside h2{margin:8px 0 22px;font-size:23px}aside button,aside input,aside select{width:100%;margin-bottom:12px}label{display:block;font-size:12px;margin:14px 0 7px;font-weight:600}.divider{font-size:10px;letter-spacing:1px;color:#83938b;text-align:center;margin:12px 0}.note{border-top:1px solid #dee6df;padding-top:18px;margin-top:18px;font-size:13px}.note p{margin-bottom:0}footer{display:flex;justify-content:space-between;margin-top:24px;font-size:12px;color:#667b70}.pilot{font-size:12px} [hidden]{display:none!important}@media(max-width:900px){.workspace{grid-template-columns:1fr}.badge{display:none}.stage{height:360px}header{padding:0 20px;gap:10px}main{padding:24px 18px}footer{gap:20px}#local{width:120px;height:85px}}

#code-card{background:#eaf4ed;border-radius:12px;padding:16px;text-align:center;margin-bottom:18px}#code-card p{font-size:12px;margin:4px 0}#session-code{font-size:38px;letter-spacing:6px;color:#174c39;font-variant-numeric:tabular-nums}