:root{--navy:#24246c;--live:#e43024;--ground:#0b0b16;--surface:#14142a;--surface-high:#1c1c38;--rule:#2a2a4d;--rule-bright:#3d3d6b;--ink:#e9e9f2;--ink-dim:#a3a3c0;--ink-faint:#6e6e91;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "Cascadia Mono", "JetBrains Mono", "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;--gap:1px;--pad:1.5rem}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55}h1,h2,h3{font-family:var(--mono);letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:1.5rem}h2{text-transform:lowercase;color:var(--ink-dim);letter-spacing:.06em;font-size:1rem}a{color:inherit}.shell{flex-direction:column;min-height:100%;display:flex}.masthead{padding:.875rem var(--pad);border-bottom:1px solid var(--rule);background:var(--ground);justify-content:space-between;align-items:center;gap:1rem;display:flex}.mark{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.625rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:flex}.mark svg{width:22px;height:22px;display:block}.masthead-meta{color:var(--ink-faint);align-items:center;gap:1rem;font-size:.8125rem;display:flex}.page{width:100%;max-width:60rem;padding:2.5rem var(--pad) 4rem;flex:1;margin:0 auto}.page-wide{flex-direction:column;max-width:none;padding:0;display:flex}.grid{gap:var(--gap);background:var(--rule);border:1px solid var(--rule);display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}.cell{background:var(--ground);min-width:0;padding:1.5rem}.cell-raised{background:var(--surface)}.cell-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.stack{flex-direction:column;gap:1rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.spacer{flex:1}.muted{color:var(--ink-dim)}.faint{color:var(--ink-faint);font-size:.8125rem}.lede{color:var(--ink-dim);max-width:44ch;margin:.5rem 0 0}label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.375rem;font-size:.75rem;display:block}input[type=text],input[type=password],select{background:var(--ground);width:100%;color:var(--ink);border:1px solid var(--rule-bright);font:inherit;border-radius:2px;padding:.625rem .75rem}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--live);outline-offset:2px}button{font:inherit;border:1px solid var(--rule-bright);background:var(--surface-high);color:var(--ink);cursor:pointer;border-radius:2px;padding:.625rem 1.125rem;font-weight:500}button:hover:not(:disabled){border-color:var(--ink-faint)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--navy);color:#fff;border-color:#3a3a99}button.primary:hover:not(:disabled){background:#2d2d84}button.danger{background:var(--live);border-color:var(--live);color:#fff}button.ghost{background:0 0}button.link{color:var(--ink-dim);text-underline-offset:3px;background:0 0;border:none;padding:0;text-decoration:underline}.code{font-family:var(--mono);letter-spacing:.16em;color:var(--ink);word-break:break-all;font-size:clamp(1.125rem,3.4vw,1.625rem)}.code-input{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase}.joinlink{font-family:var(--mono);color:var(--ink-dim);word-break:break-all;font-size:.8125rem}.dot{background:var(--ink-faint);border-radius:50%;flex:none;width:7px;height:7px}.dot.on{background:var(--live)}.notice{border:1px solid var(--rule-bright);color:var(--ink-dim);padding:.75rem 1rem;font-size:.875rem}.notice.bad{border-color:var(--live);color:var(--ink)}.meetings{border:1px solid var(--rule);flex-direction:column;display:flex}.meeting{border-bottom:1px solid var(--rule);background:var(--ground);flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.meeting:last-child{border-bottom:none}.meeting-main{flex:1;min-width:14rem}.meeting-title{font-weight:500}.stage{background:var(--ground);flex:1;align-content:center;gap:8px;min-height:0;padding:8px;display:grid}.tile{background:var(--surface);border:1px solid var(--rule);aspect-ratio:16/9;min-height:0;position:relative;overflow:hidden}.tile video{object-fit:cover;background:#000;width:100%;height:100%;display:block}.tile.mirrored video{transform:scaleX(-1)}.tile-off{background:var(--surface);place-items:center;display:grid;position:absolute;inset:0}.avatar{background:var(--navy);width:4.5rem;height:4.5rem;font-family:var(--mono);color:#fff;border-radius:50%;place-items:center;font-size:1.5rem;display:grid}.tile-bar{background:linear-gradient(#0000,#0b0b16d9);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;display:flex;position:absolute;bottom:0;left:0;right:0}.tile-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile-speaking{outline:2px solid var(--live);outline-offset:-2px}.controlbar{padding:.75rem var(--pad);border-top:1px solid var(--rule);background:var(--ground);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.control{justify-content:center;align-items:center;gap:.5rem;min-width:3rem;display:inline-flex}.control[aria-pressed=false]{background:var(--live);border-color:var(--live);color:#fff}.control svg{width:18px;height:18px;display:block}.preview{aspect-ratio:16/9;border:1px solid var(--rule);background:#000;position:relative;overflow:hidden}.preview video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}