:root{font-family:Georgia,Times New Roman,serif;color:#f8f7ef;background:#0b1715}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{border:0;cursor:pointer;background:#d8ff62;color:#10201b;padding:13px 18px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.45}.welcome{min-height:100vh;display:grid;place-content:center;padding:28px;background:radial-gradient(circle at 84% 14%,#235f4e 0,transparent 25rem),linear-gradient(125deg,#0b1715,#162d27)}.welcome>*{max-width:540px}.brand-mark{display:grid;place-items:center;height:52px;width:52px;background:#d8ff62;color:#10201b;font-weight:700;font-family:sans-serif;margin-bottom:30px}.eyebrow{color:#d8ff62;font:700 12px/1.2 sans-serif;letter-spacing:2px}h1{font-size:clamp(42px,7vw,82px);line-height:.92;margin:10px 0;letter-spacing:0}.intro{font-size:21px;color:#c5d0c9;margin-bottom:32px}form{display:grid;gap:16px}label{display:grid;gap:7px;font:700 14px/1.2 sans-serif}input{background:#f8f7ef;border:2px solid transparent;color:#10201b;padding:14px;outline:none}input:focus{border-color:#d8ff62}.actions{display:flex;flex-wrap:wrap;gap:10px}.secondary{background:transparent;color:#f8f7ef;border:1px solid #749187}.privacy,.status{font:14px/1.4 sans-serif;color:#a8beb3}.status{color:#ffd4a6}.room{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:#09110f}.room header,.room footer{display:flex;justify-content:space-between;align-items:center;padding:22px;font-family:sans-serif}.room header span{color:#d8ff62}.call-stage{display:grid;align-content:center;gap:20px;min-height:0;padding:24px}.participant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:16px;width:min(1200px,100%);margin:auto}.participant-tile{position:relative;display:grid;place-items:center;overflow:hidden;min-height:220px;aspect-ratio:16 / 9;background:#050807}.participant-video{width:100%;height:100%;object-fit:cover}.local-video{transform:scaleX(-1)}.participant-name{position:absolute;left:12px;bottom:12px;padding:6px 9px;background:#050807b8;font:700 13px/1 sans-serif}.waiting-copy{text-align:center}.waiting-copy h1{font-size:46px}.waiting-copy p{color:#b9cbc2;font-family:sans-serif}.avatar{border-radius:50%;width:140px;height:140px;display:grid;place-items:center;font:42px sans-serif;background:#315c50;color:#d8ff62}.room footer.call-controls{justify-content:center;gap:12px;flex-wrap:wrap}.danger{background:#e8e2db}.room-status{margin:0 22px 18px;color:#ffd4a6;font:14px/1.4 sans-serif;text-align:center}@media(max-width:520px){.welcome{place-content:start;padding-top:13vh}.actions button{width:100%}.room header{align-items:flex-start;gap:12px;flex-direction:column}.call-stage{padding:16px;overflow-y:auto}.participant-tile{min-height:180px}.room footer.call-controls{align-items:stretch}.room footer.call-controls button{width:100%}}