:root{color-scheme:dark;--bg:#111a24;--panel:#192431;--border:#30404e;--text:#f4efe6;--muted:#a9b5bd;--accent:#b5dfc5;--danger:#ffb5af;font-family:Inter,"Segoe UI",sans-serif;font-size:16px}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 12% 18%,#203637 0,transparent 45%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit}button,input{font:inherit}button,.button{border:1px solid transparent;border-radius:10px;padding:12px 18px;background:var(--accent);color:#15261d;font-weight:650;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e8cb85;outline-offset:3px}.quiet{background:transparent;color:var(--text);border-color:var(--border)}.danger{background:#623b3f;color:#fff}.quiet.danger{background:transparent;color:var(--danger)}input{display:block;width:100%;padding:13px 14px;border:1px solid #52616a;border-radius:8px;background:#111b26;color:var(--text);min-width:0}label{display:block;font-size:.86rem;color:var(--muted);margin:18px 0 8px}form>button{margin-top:22px;width:100%}small{display:block;color:var(--muted);font-size:.8rem;line-height:1.6;margin-top:18px}h1,h2,p{margin-top:0}h2{font-size:1.45rem;font-weight:550;letter-spacing:-.03em}.topbar{height:92px;display:flex;align-items:center;gap:24px;padding:0 6vw;border-bottom:1px solid #ffffff0e}.brand{font-size:1.55rem;font-weight:600;letter-spacing:-.05em;text-decoration:none;display:flex;align-items:center;gap:9px}.mark{display:grid;place-items:center;width:34px;height:34px;background:var(--accent);color:#183127;border-radius:50%;font-size:1.5rem}.private-label{color:var(--muted);font-size:.85rem;margin-left:auto}main{max-width:1600px;margin:auto;padding:30px 6vw 60px}.landing{display:grid;grid-template-columns:1.25fr 1fr;gap:8vw;align-items:center;min-height:68vh}.intro{padding:40px 0}.eyebrow{font-size:.7rem;letter-spacing:.18em;color:var(--accent);font-weight:650;margin-bottom:20px}.intro h1{font-size:clamp(2.6rem,5vw,5.2rem);font-weight:450;letter-spacing:-.065em;line-height:1.07}.lede{font-size:1.12rem;line-height:1.8;color:var(--muted);max-width:480px}.features{display:flex;gap:20px;flex-wrap:wrap;font-size:.75rem;color:var(--muted);margin-top:36px}.features span::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:middle}.card{background:linear-gradient(140deg,#25343a90,#192431);border:1px solid var(--border);border-radius:20px;padding:35px}.card p{color:var(--muted);line-height:1.65}.centered{max-width:540px;margin:12vh auto 8vh;text-align:center}.centered form{text-align:left}.centered h1{font-size:2.5rem;letter-spacing:-.06em}.waiting-pulse{width:30px;height:30px;border-radius:50%;background:var(--accent);margin:10px auto 30px;box-shadow:0 0 0 12px #b5dfc510}footer{display:flex;gap:24px;justify-content:space-between;color:var(--muted);padding:24px 6vw;border-top:1px solid #ffffff0e;font-size:.75rem}#notice,.warning{padding:14px 18px;background:#493c24;border:1px solid #867044;border-radius:10px;line-height:1.5;margin:0 0 20px}#notice{position:relative;z-index:5}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 24px}.room-heading h1{font-size:2rem;font-weight:500;letter-spacing:-.04em;margin:0}.room-heading .eyebrow{margin-bottom:8px}#connection-status{color:var(--muted);font-size:.8rem}.call-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tile{position:relative;aspect-ratio:4/3;background:#21323e;border-radius:16px;overflow:hidden;border:1px solid #ffffff0b;min-width:0}.tile video{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}.tile video:not([data-active]){visibility:hidden}.tile-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:2rem;color:#9eb6b2;letter-spacing:-.05em}.tile-label{position:absolute;z-index:2;bottom:12px;left:12px;border-radius:6px;padding:5px 9px;background:#111a24c9;font-size:.8rem}.controls{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:22px 0}.controls button{font-size:.8rem;padding:11px 13px}.controls button[aria-pressed=true]{background:#59606a;color:white}.sidebar{background:#1924317a;border:1px solid var(--border);border-radius:16px;padding:20px;max-height:85vh;overflow:auto}.sidebar h2{font-size:.9rem;letter-spacing:0;margin-bottom:15px}.sidebar section+section{border-top:1px solid var(--border);margin-top:22px;padding-top:22px}.person-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:.85rem}.person-row button{font-size:.7rem;padding:7px}.muted{color:var(--muted);font-size:.8rem}#messages{height:200px;overflow:auto;margin:10px 0 16px}.message{font-size:.85rem;line-height:1.55;margin-bottom:15px;overflow-wrap:anywhere;white-space:pre-wrap}.message strong{display:block;color:var(--accent);font-size:.72rem;margin-bottom:3px}.inline{display:flex;gap:8px;align-items:center}.inline button{flex-shrink:0;font-size:.8rem;padding:12px}.inline input{font-size:.85rem}.compact{padding:18px}.compact label{margin-top:0}#presentation{border-radius:16px;overflow:hidden;border:1px solid var(--border);margin-bottom:18px;background:#060a0f}.presentation-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;font-size:.8rem}.presentation-heading button{font-size:.75rem;padding:6px 10px}#screen-video{width:100%;max-height:70vh;display:block;object-fit:contain}#presentation:fullscreen{display:flex;flex-direction:column;justify-content:center}#presentation:fullscreen video{max-height:90vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#existing-rooms button{margin-top:12px;width:100%}
@media(min-width:1200px){body:has(#presentation:not([hidden])) .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.landing{gap:30px;grid-template-columns:1fr}.intro{padding:20px 0 0}.intro h1{font-size:3.4rem}.landing .card{max-width:600px;width:100%}.call-layout{grid-template-columns:1fr}.sidebar{max-height:none}.private-label{display:none}.topbar{height:74px}.topbar #signout{margin-left:auto}.card{padding:25px}main{padding-top:22px}.room-heading{align-items:flex-start}.features{margin-top:20px}.tiles{gap:10px}}
@media(prefers-reduced-motion:no-preference){.waiting-pulse{animation:breathe 2.5s ease-in-out infinite}@keyframes breathe{50%{box-shadow:0 0 0 20px #b5dfc505}}}