:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101614;--bg-raised:#18211e;--line:#e8f2ea1f;--text:#e7f2ea;--muted:#9bb0a4;--accent:#3ecf8e;--accent-ink:#062117;--danger:#ff8d7a;--shadow:0 24px 60px #00000047;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 500px at 10% -10%, #3ecf8e29, transparent 55%), var(--bg);min-height:100%;color:var(--text);margin:0}button,input{font:inherit}.relay-lobby{place-items:center;min-height:100dvh;padding:32px 16px;display:grid}.relay-lobby-card{border:1px solid var(--line);width:min(560px,100%);box-shadow:var(--shadow);background:#18211eeb;border-radius:28px;padding:36px}.relay-kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}h1{letter-spacing:-.04em;margin:0;font-size:clamp(32px,5vw,48px)}.relay-lead{color:var(--muted);margin:12px 0 24px;line-height:1.5}.relay-form{gap:14px;display:grid}.relay-form label,.relay-devices label{color:var(--muted);gap:6px;font-size:14px;display:grid}input[type=text],input:not([type]),.relay-form input,.relay-chat input{border:1px solid var(--line);width:100%;color:var(--text);background:#0e1512;border-radius:12px;padding:12px 14px}.relay-check{align-items:center;gap:10px;display:flex!important}.relay-check input{width:auto}.relay-actions,.relay-header-meta,.relay-focus-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.relay-btn,.relay-leave,.relay-focus-actions button,.relay-chat button,.relay-media-prompt button{cursor:pointer;border:0;border-radius:999px;padding:12px 16px}.relay-btn-primary,.relay-chat button,.relay-media-prompt button{background:var(--accent);color:var(--accent-ink);font-weight:700}.relay-btn-secondary,.relay-focus-actions button{color:var(--text);border:1px solid var(--line);background:0 0}.relay-btn:disabled{opacity:.45;cursor:not-allowed}.relay-banner,.relay-error,.relay-media-prompt{color:#ffd2c8;background:#ff8d7a1a;border-radius:14px;padding:12px 14px;line-height:1.45}.relay-error{color:var(--danger);margin:0}.relay-center{min-height:100dvh;color:var(--muted);place-items:center;display:grid}.relay-room{height:100dvh}.relay-shell{flex-direction:column;height:100%;min-height:0;display:flex}.relay-header,.relay-body{padding:16px 20px 0}.relay-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.relay-header h1{font-size:28px}.relay-live{color:var(--muted);background:#24302b;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.relay-live.on{color:var(--accent);background:#3ecf8e2e}.relay-body{flex:1;grid-template-columns:minmax(0,1fr) 320px;gap:16px;min-height:0;padding-bottom:16px;display:grid}.relay-main,.relay-side{border:1px solid var(--line);background:#18211eb8;border-radius:24px;flex-direction:column;min-height:0;display:flex}.relay-main{gap:10px;padding:12px}.relay-stage{flex:1;min-height:0;display:flex;position:relative}.relay-video,.relay-focus{flex:1;height:100%;min-height:0}.relay-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;height:100%;min-height:0;display:grid}.relay-grid .relay-tile{min-height:180px}.relay-focus{grid-template-rows:128px minmax(0,1fr);gap:8px;display:grid}.relay-carousel{gap:8px;min-height:0;display:flex;overflow-x:auto}.relay-carousel .relay-tile{flex:0 0 200px;width:200px;height:100%}.relay-focus-main{background:#000;border-radius:16px;min-height:0;overflow:hidden}.relay-focus-actions{justify-content:center}.relay-tile{border-radius:16px;outline:2px solid #0000;height:100%;position:relative;overflow:hidden}.relay-tile.speaking{outline-color:var(--accent)}.relay-tile .lk-participant-tile{border-radius:16px;height:100%}.relay-nameplate,.relay-hand-badge,.relay-focus-btn{z-index:2;position:absolute}.relay-nameplate{background:#0000008c;border-radius:999px;align-items:baseline;gap:8px;padding:6px 10px;font-size:13px;display:flex;bottom:10px;left:10px}.relay-nameplate span{color:#c9ddd2}.relay-hand-badge,.relay-focus-btn{color:#fff;background:#0000008c;border:0;border-radius:999px;place-items:center;width:32px;height:32px;display:grid;top:10px}.relay-hand-badge{color:#ffe08a;right:10px}.relay-focus-btn{cursor:pointer;left:10px}.relay-emoji-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.relay-emoji{text-align:center;animation:2.6s ease-out forwards float-up;position:absolute;bottom:12px}.relay-emoji span{font-size:32px;display:block}.relay-emoji small{color:#fff;text-shadow:0 1px 4px #000}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-180px)}}.relay-emoji-bar{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.relay-emoji-bar button{border:1px solid var(--line);cursor:pointer;background:#101815;border-radius:12px;width:40px;height:40px;font-size:18px}.relay-controls{justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.relay-audience-note{color:var(--muted);margin:0;font-size:14px}.relay-start-audio{z-index:40;background:var(--accent);color:var(--accent-ink);cursor:pointer;box-shadow:var(--shadow);border:0;border-radius:999px;padding:12px 18px;font-weight:700;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.relay-control-group{flex-wrap:wrap;gap:8px;display:flex}.relay-control{border:1px solid var(--line);width:74px;min-height:64px;color:var(--muted);background:#101815;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex}.relay-plain{cursor:pointer;color:var(--text);background:#101815}.relay-plain.raised,.relay-tile.hand{box-shadow:inset 0 0 0 2px #ffe08a}.relay-track{color:inherit!important;background:0 0!important;border:0!important;width:28px!important;height:28px!important;padding:0!important}.relay-leave{align-items:center;gap:8px;display:inline-flex;color:#fff!important;background:#c24545!important}.relay-devices{border:1px solid var(--line);z-index:5;background:#18211e;border-radius:16px;gap:10px;width:min(280px,100%);padding:14px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0}.relay-side{flex-direction:column;display:flex;overflow:auto}.relay-people,.relay-chat,.relay-stream{min-height:0;padding:16px}.relay-stream,.relay-people{border-bottom:1px solid var(--line)}.relay-people{max-height:34%;overflow:auto}.relay-chat{flex-direction:column;flex:1;min-height:180px;display:flex}.relay-people h2,.relay-chat h2,.relay-stream h2{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:14px}.relay-stream p{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.45}.relay-stream form{gap:10px;display:grid}.relay-stream-actions{flex-wrap:wrap;gap:8px;display:flex}.relay-stream-actions .relay-btn{padding:8px 12px;font-size:13px}.relay-stream-active{color:var(--accent)!important;margin:10px 0 0!important}.relay-stream-preview{background:#000;border-radius:12px;width:100%;max-height:160px;margin-top:10px}.relay-stream-preview:not([src]):not(.is-active){display:none}.relay-people ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.relay-people li,.relay-person-flags{align-items:center;gap:8px;display:flex}.relay-avatar{background:#24382f;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.relay-avatar.speaking{box-shadow:0 0 0 2px var(--accent)}.relay-person-copy{flex:1;display:grid}.relay-person-copy small,.relay-person-flags,.relay-chat-log p{color:var(--muted)}.relay-chat-log{flex:1;align-content:start;gap:10px;display:grid;overflow:auto}.relay-chat article{background:#101815;border-radius:12px;padding:8px 10px}.relay-chat article p{color:var(--text);margin:4px 0 0}.relay-chat form{gap:8px;margin-top:10px;display:flex}.relay-chat button{padding:0 14px}@media (max-width:900px){.relay-room{height:auto;min-height:100dvh}.relay-shell{min-height:100dvh}.relay-header,.relay-body{padding-left:12px;padding-right:12px}.relay-header{flex-direction:column;align-items:flex-start}.relay-body{grid-template-columns:1fr}.relay-video,.relay-stage{min-height:360px}.relay-side{min-height:420px}}