*{box-sizing:border-box} [hidden]{display:none!important} :root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#292b29;background:#f5f3ed;font-synthesis:none} body{margin:0;min-height:100dvh}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;border:1px solid #d4d6ca;border-radius:12px;padding:13px 18px;color:inherit;background:#fff}button:hover{filter:brightness(.96)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #769369;outline-offset:4px}a{color:inherit;text-decoration:none}.masthead{max-width:1400px;margin:auto;padding:28px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dddfd4}.brand{font-weight:700;display:flex;gap:12px;align-items:center;letter-spacing:-.6px;font-size:21px}.brand-icon{background:#d8e6b8;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:27px}.demo-label{font-size:13px;color:#6d716a}main{max-width:1280px;margin:auto;padding:0 5vw}.lobby{min-height:74vh;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;padding:54px 0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#61724d;margin:0 0 22px}h1{font-size:clamp(40px,5vw,66px);font-weight:500;line-height:1.08;letter-spacing:-3px;margin:0 0 22px}.lede{font-size:19px;line-height:1.6;max-width:330px}.fine-print{font-size:13px;color:#6c7069;line-height:1.7;max-width:300px;margin-top:32px}.join-card{padding:18px;background:#fff;border:1px solid #dfe0d7;border-radius:24px;box-shadow:0 14px 40px #26321308;max-width:490px;width:100%}.preview-wrap{width:200px;max-width:100%;margin:auto;aspect-ratio:1;background:#e8ebdf;border-radius:50%;overflow:hidden;position:relative}.preview-wrap video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.preview-placeholder p{max-width:150px;text-align:center}.preview-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#727b63;font-size:12px}.avatar{display:grid;place-items:center;border-radius:50%;background:#d4ddc1;width:86px;height:86px;color:#4d613c;font-size:24px;letter-spacing:-1px}form,#login-prompt{padding:10px 6px 0}h2{font-size:23px;font-weight:550;letter-spacing:-.7px;margin:14px 0 20px}form>label{font-size:12px;font-weight:600;display:block;margin-bottom:8px}input:not([type=checkbox]){width:100%;border:1px solid #d9dcd0;border-radius:10px;padding:13px 12px;font-size:16px;background:#fafbf7}input[type=checkbox]{accent-color:#4a6538;width:16px;height:16px}.primary{border-radius:12px;padding:13px 18px;display:flex;justify-content:space-between;align-items:center;width:100%;margin:18px 0 8px;background:#263c2b;color:#fff;border-color:#263c2b;font-weight:550}.primary span{font-size:23px}.secondary{width:100%;padding:10px;font-size:13px}.help{font-size:11px;color:#7a7f73;line-height:1.6;margin:14px 0 4px}.prejoin-controls{display:flex;align-items:center;gap:16px;margin-top:16px;font-size:12px}.prejoin-controls label{display:flex;align-items:center;gap:5px}.text-button{border:0;padding:4px;color:#49613b;background:none;font-size:12px;margin-left:auto}.call-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:35px 0 25px}.call-heading h1{font-size:32px;letter-spacing:-1px;margin:0}.call-heading .eyebrow{margin-bottom:10px}.call-info{display:flex;gap:12px;align-items:center;font-size:12px;color:#68765c}.call-info span{padding:8px 10px;background:#e8ebdf;border-radius:8px}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,180px));justify-content:center;gap:24px}.tile{min-width:0;text-align:center}.tile-media{position:relative;width:100%;aspect-ratio:1;background:#e4e8da;border-radius:50%;overflow:hidden;border:3px solid transparent}.tile.speaking .tile-media{border-color:#5c8250}.tile video{width:100%;height:100%;object-fit:cover}.tile.local video{transform:scaleX(-1)}.tile .avatar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.tile.has-video .avatar{display:none}.tile-label{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:10px;min-height:36px}.tile-label span{max-width:100%;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-label .muted{font-size:11px;color:#6c7069}.alone{text-align:center;color:#707666;font-size:13px;padding:18px}.call-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;position:sticky;bottom:12px;z-index:2;background:#f5f3edf2;padding:16px 0;backdrop-filter:blur(14px)}.call-controls button{font-size:13px;font-weight:550}.call-controls button[aria-pressed=false]{background:#e5e7dc}.call-controls .danger{background:#943e38;border-color:#943e38;color:white}.call-hint{font-size:11px;color:#787e72;text-align:center;margin:0 0 24px}.audio-banner{display:flex;align-items:center;justify-content:center;gap:15px;background:#fff0cb;padding:12px;border-radius:12px;margin-top:16px;font-size:13px}.message{padding:15px 20px;border-radius:12px;background:#e5ebda;margin:18px 0;font-size:14px;line-height:1.5}.message.error{background:#f8e5df;color:#803326}footer{max-width:1400px;margin:auto;padding:24px 5vw calc(24px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dddfd4;font-size:11px;color:#868b80}@media(max-width:700px){.masthead{padding:20px}.brand{font-size:18px}.demo-label{font-size:10px}main{padding:0 20px}.lobby{grid-template-columns:1fr;gap:24px;padding:30px 0}.intro h1{font-size:40px;letter-spacing:-1.7px}.intro h1 br{display:none}.intro .eyebrow{margin-bottom:14px}.lede{font-size:15px;margin:12px 0}.fine-print{display:none}.join-card{max-width:none}.preview-wrap{width:160px}.call-heading{padding:25px 0 20px;align-items:flex-start}.call-heading h1{font-size:25px}.call-info{flex-direction:column;gap:4px;align-items:flex-end}.call-info span{padding:5px 8px;font-size:10px}.video-grid{grid-template-columns:repeat(2,minmax(0,140px));gap:16px;justify-content:center}.tile:only-child{grid-column:1/-1;width:140px;justify-self:center}.tile .avatar{height:62px;width:62px;font-size:20px}.tile-label span{font-size:12px}.tile-label .muted{font-size:10px}.call-controls{gap:6px;bottom:0;padding:12px 0 calc(12px + env(safe-area-inset-bottom))}.call-controls button{font-size:11px;padding:12px 10px;min-height:44px}.audio-banner{flex-direction:column}.call-hint{line-height:1.6}footer{padding:20px;gap:15px;font-size:10px}}