:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#132a32;background:#edf3f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;padding:22px 5vw;background:#fff;border-bottom:1px solid #d6e3de}.brand{font-size:25px;font-weight:800;letter-spacing:-1px;text-decoration:none;color:#103e39}.brand span{color:#3c785f}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#467865}h1{font-size:17px;margin:4px 0 0}.privacy{margin-left:auto;font-size:12px;color:#386749;background:#edf5eb;padding:8px 12px;border-radius:99px;white-space:nowrap}main{max-width:1360px;margin:auto;padding:36px 5vw}.welcome{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px;padding:32px;background:#fff;border:1px solid #d6e3de;border-radius:22px;box-shadow:0 18px 50px #143d2b08}h2{font-size:clamp(27px,4vw,46px);line-height:1.12;letter-spacing:-1.5px;margin:14px 0 18px}p{line-height:1.65;color:#4c6464;max-width:540px}.hint{font-size:12px;color:#657d74}.preview,.tile{position:relative;background:#173f37;min-height:180px;border-radius:14px;overflow:hidden}.preview{aspect-ratio:4/3}.local-name,.name{position:absolute;bottom:12px;left:14px;background:#0b2628ba;color:#fff;border-radius:6px;font-size:12px;padding:6px 10px}video{display:block;width:100%;height:100%;object-fit:cover}.preview video{transform:scaleX(-1)}button{font:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid #c3d8ce;border-radius:9px;padding:12px 18px;background:#fff;color:#173f37}button:focus-visible,a:focus-visible{outline:3px solid #b3923d;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.primary{margin-top:16px;background:#1c634b;color:#fff;border-color:#1c634b;padding:14px 26px}.stage{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.tile{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;min-height:160px}.tile .initial{font-size:44px;color:#badacc}.tile video{position:absolute;inset:0}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;position:sticky;bottom:18px;margin-top:28px;padding:14px;border-radius:14px;background:#ffffffee;box-shadow:0 4px 24px #12372815}.leave{color:#983b34;border-color:#e7c6bd;background:#fff5f1}#status{text-align:center;max-width:none;font-size:13px;padding:8px 0}#host-note{text-align:center;max-width:none}[hidden]{display:none!important}@media(max-width:700px){header{padding:17px 20px;gap:16px;flex-wrap:wrap}.brand{font-size:22px}.privacy{font-size:10px;padding:6px 9px}header h1{font-size:14px}main{padding:24px 18px}.welcome{grid-template-columns:1fr;padding:24px;gap:24px}.preview{aspect-ratio:16/10}.stage{grid-template-columns:1fr}.controls{gap:8px;padding:10px}.controls button{padding:11px 12px;font-size:12px}}
.join-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:22px}.join-actions .primary{margin-top:0}