:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#171916;color:#f5f1e7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0%,#30362777,transparent 55%);min-height:100vh}main{max-width:680px;margin:auto;padding:32px 24px max(24px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:48px}.brand{font-weight:900;letter-spacing:3px;font-size:23px;color:inherit;text-decoration:none;display:flex;gap:12px;align-items:center}.brand span{font-size:9px;letter-spacing:2px;color:#a7ae9c;max-width:36px;line-height:1.5}.badge{font-size:9px;letter-spacing:1.2px;border:1px solid #48503e;border-radius:40px;padding:8px 10px;color:#b9c5a4}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.8px;color:#b7c69b}h1{font-size:clamp(30px,6vw,43px);letter-spacing:-1.6px;line-height:1.12;font-weight:650;margin:16px 0}.intro>p{color:#acae9f;line-height:1.6;font-size:14px;max-width:510px;margin-bottom:28px}.room-card{background:#22251f;border:1px solid #373d30;border-radius:22px;padding:24px;box-shadow:0 12px 45px #0002}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}h2{font-size:16px;font-weight:600;margin:0}.connection{font-size:10px;border-radius:30px;padding:7px 10px;background:#35392f;color:#bcc1ae;white-space:nowrap}.connection.connected{background:#b8d38b22;color:#c7e49a}.participants{display:flex;justify-content:center;align-items:center;gap:32px;padding:28px 0}.portrait{display:flex;flex-direction:column;align-items:center;min-width:100px;gap:7px}.portrait>span{display:grid;place-items:center;border-radius:24px;width:80px;height:80px;font-size:58px;line-height:1;color:#20291b;background:#c3d5a8}.portrait.other>span{background:#cbb79c;color:#493b2c}.portrait strong{font-size:13px}.portrait small{color:#a4aa97;font-size:10px}.between{color:#7b836e;font-size:25px}fieldset{padding:0;border:0;margin:0}legend{font-size:12px;color:#b3b7a7;margin-bottom:12px}.mask-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mask{position:relative;border:1px solid #444a3b;border-radius:12px;padding:13px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:.15s}.mask:has(input:checked){border-color:#c4dd9b;background:#c4dd9b10}.mask:has(input:focus-visible){outline:2px solid white;outline-offset:3px}.mask input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}.mask-icon{font-size:25px;height:29px;color:#c4dd9b}.mask strong{font-size:13px}.mask small{font-size:10px;color:#a6ad9a}#message{font-size:12px;line-height:1.55;color:#c0c6b1;min-height:37px;margin:21px 0 13px}#message.error{color:#ffc7ad}button{font:inherit;font-size:13px;font-weight:600;min-height:46px;border-radius:11px;border:1px solid #4b5340;background:#30372a;color:#e7eddc;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:2px solid white;outline-offset:3px}.primary{width:100%;background:#c4dc9b;color:#202817;border:0;font-size:15px;min-height:54px}.live-controls,.share-row{display:flex;gap:10px}.live-controls>*{flex:1}.live-controls{margin-top:10px}.quiet{background:transparent}.share-row{margin-top:12px}.share-row>*{flex:1;background:transparent;color:#b6bea5;border-color:#3c4434}#mute[aria-pressed=true]{color:#ffd0b2;border-color:#967052}#link{width:100%;margin-top:12px;padding:10px;background:#171916;border:1px solid #4b5340;border-radius:8px;color:#ddd;font-size:12px}aside{padding:24px 6px;color:#a8af9b;font-size:12px;line-height:1.6}aside strong{color:#d1d8c4;font-weight:500}aside p{margin:7px 0}.fine{font-size:10px;color:#828c76}footer{color:#6e7963;text-align:center;font-size:10px;letter-spacing:.5px;padding:5px}[hidden]{display:none!important}@media(max-width:390px){main{padding:24px 16px}.room-card{padding:18px}.participants{gap:20px}.mask small{font-size:9px}header{margin-bottom:35px}.badge{font-size:8px}}