:root{--bg: #171433;--surface: #201c45;--raised: #2a2558;--line: #3b3573;--ink: #f3f0ff;--ink-soft: #b9b3de;--ink-faint: #7e77ae;--on-color: #171433;--announce: #ffd447;--danger: #ff6b6b;--ok: #5fd39a;--team: var(--ink);--display: "Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;--body: "Atkinson Hyperlegible", system-ui, sans-serif;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.1;margin:0}h1{font-size:clamp(1.8rem,3vw + 1rem,2.6rem);letter-spacing:-.02em}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--announce);outline-offset:2px}kbd{font:700 .72rem/1 var(--body);padding:4px 6px;border-radius:6px;border:1px solid currentColor;opacity:.75;margin-left:4px}.muted{color:var(--ink-faint)}.small{font-size:.875rem}.wordmark{font:800 1.5rem/1 var(--display);letter-spacing:-.03em;color:var(--announce)}.wordmark.small{font-size:1.15rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line);background:var(--raised);font-weight:700;cursor:pointer;transition:background .12s,border-color .12s,transform 80ms;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--ink-soft)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--announce);border-color:var(--announce);color:var(--on-color)}.btn-primary:hover:not(:disabled){border-color:var(--ink)}.btn-big{min-height:54px;font-size:1.1rem}.btn-quiet{background:transparent}.btn-danger{background:transparent;border-color:color-mix(in srgb,var(--danger) 60%,transparent);color:var(--danger)}.icon-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:transparent;cursor:pointer}.link-btn{background:none;border:none;padding:0;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link-btn.subtle{margin-left:auto;font-size:.8rem;color:var(--ink-faint)}.mini-btn{border:1px solid var(--line);background:transparent;border-radius:var(--r-sm);padding:4px 8px;font-size:.8rem;cursor:pointer}.mini-btn.danger{border-color:var(--danger);color:var(--danger)}label{display:grid;gap:6px;font-size:.9rem;color:var(--ink-soft)}input,select{min-height:44px;padding:0 12px;border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--bg);color:var(--ink)}input:focus,select:focus{border-color:var(--ink-soft)}label.checkbox{display:flex;align-items:center;gap:10px;color:var(--ink)}label.checkbox input{min-height:0;width:18px;height:18px;accent-color:var(--announce)}.form-error{color:var(--danger);font-weight:700}.notice{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:var(--r-md)}.notice-bad{background:color-mix(in srgb,var(--danger) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 50%,transparent)}.notice.banner{margin:0 16px;justify-content:space-between}.landing{max-width:1040px;margin:0 auto;padding:clamp(32px,8vh,96px) 20px 48px;display:grid;gap:48px}.landing-hero{display:grid;gap:18px}.landing-hero h1{font-size:clamp(2.4rem,5vw + 1rem,4.4rem);font-weight:800;max-width:16ch;letter-spacing:-.035em}.lede{max-width:56ch;font-size:1.15rem;color:var(--ink-soft)}.landing-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.panel{color:var(--ink);display:grid;gap:18px;align-content:start;padding:28px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}.panel.narrow{width:min(460px,100%)}.hint{font-size:.875rem;color:var(--ink-faint)}.code-input{font:700 1.4rem var(--display);letter-spacing:.18em}.center-screen{min-height:100%;display:grid;place-items:center;padding:24px 16px;color:var(--ink-soft)}.who{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--ink-soft)}.who strong{color:var(--ink)}.role-tag{font-size:.78rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--announce);color:var(--on-color)}.check-row{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:var(--r-md);background:var(--raised);color:var(--ink-soft);font-size:.92rem}.check-row svg{flex:none;color:var(--announce)}.level-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;font-size:.9rem;color:var(--ink-soft)}.level-bar{height:8px;min-width:60px;border-radius:999px;background:var(--bg);overflow:hidden}.level-fill{height:100%;background:var(--ok);transition:width 80ms linear}.room{height:100%;display:flex;flex-direction:column;gap:12px}.topbar{display:flex;align-items:center;gap:16px;padding:12px 16px 0;min-width:0}.quiz-title{font:700 1.1rem var(--display);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.topbar .code{font-family:var(--display);letter-spacing:.12em}.conn{font-size:.85rem;display:inline-flex;align-items:center;gap:6px;color:var(--ink-faint)}.conn:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok)}.conn.warn:before{background:var(--announce)}.room-main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:minmax(0,1fr);gap:12px;padding:0 16px;min-height:0}.stage{position:relative;border-radius:var(--r-lg);background:#0d0b22;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center;min-height:240px}.stage video{width:100%;height:100%;object-fit:contain;background:#000}.stage-empty{display:grid;justify-items:center;gap:10px;text-align:center;padding:32px;max-width:44ch;color:var(--ink-faint)}.stage-title{font:800 clamp(1.4rem,2vw + 1rem,2.4rem) / 1.1 var(--display);color:var(--ink);letter-spacing:-.02em}.stage-full{position:absolute;right:12px;bottom:12px;min-height:36px;background:color-mix(in srgb,var(--bg) 70%,transparent);opacity:0;transition:opacity .15s}.stage:hover .stage-full,.stage-full:focus-visible{opacity:1}.announce-strip{position:absolute;inset:0 0 auto;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;background:var(--announce);color:var(--on-color);font-weight:700}.sidebar{display:grid;align-content:start;gap:12px;overflow-y:auto;overflow-x:hidden;min-height:0;min-width:0}.sidebar>section{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.tabs{display:flex;gap:6px;padding:4px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}.tabs button{flex:1;border:none;background:transparent;border-radius:999px;padding:8px;font-weight:700;color:var(--ink-faint);cursor:pointer}.tabs button[aria-selected=true]{background:var(--raised);color:var(--ink)}.score-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.score-row{display:grid;grid-template-columns:6px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px 10px 0;border-radius:var(--r-md);background:var(--raised)}.score-row.mine{box-shadow:inset 0 0 0 1.5px var(--c)}.swatch{align-self:stretch;width:6px;border-radius:0 6px 6px 0;background:var(--c)}.group-head .swatch{width:12px;height:12px;border-radius:4px;align-self:center}.score-name{display:grid;min-width:0;font-weight:700}.score-name>span:first-child,.score-name .inline-edit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-meta{display:flex;gap:8px;font-size:.8rem;font-weight:400;color:var(--ink-faint)}.lead{color:var(--announce)}.huddle{color:var(--c, var(--ink-soft));font-weight:700}.score-num{font:800 1.6rem/1 var(--display);font-variant-numeric:tabular-nums;min-width:2.2ch;text-align:right}.score-controls{display:flex;align-items:center;gap:6px}.score-controls .score-num{text-align:center}.pm{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);background:transparent;font-size:1.2rem;font-weight:700;cursor:pointer}.pm:hover{border-color:var(--c)}.step-picker{display:flex;gap:4px}.step-picker button{min-width:34px;height:30px;border-radius:999px;border:1px solid var(--line);background:transparent;font-weight:700;font-size:.85rem;cursor:pointer}.step-picker button[aria-pressed=true]{background:var(--ink);color:var(--on-color);border-color:var(--ink)}.inline-edit{border:none;background:none;padding:0;text-align:inherit;cursor:text;border-bottom:1px dashed transparent}.inline-edit:hover{border-bottom-color:var(--ink-faint)}.inline-input{min-height:34px;width:100%;max-width:14ch}.score-controls .inline-input{max-width:7ch;text-align:center}.people{list-style:none;margin:0;padding:0;display:grid;gap:6px}.person,.qm-line{display:flex;align-items:center;gap:10px;min-height:40px}.person.offline{opacity:.5}.person-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-state{font-size:.8rem;color:var(--ink-faint)}.person.manage{display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px 10px;padding:4px 0}.manage-controls{grid-column:2;display:flex;gap:6px}.manage-controls select{flex:1;min-width:0;min-height:32px;padding:0 6px;font-size:.85rem}.avatar{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--raised);font:700 .9rem var(--display);box-shadow:0 0 0 2px transparent;transition:box-shadow .12s}.avatar.talking{box-shadow:0 0 0 2.5px var(--ink)}.avatar.whispering{background:var(--c);color:var(--on-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 45%,transparent)}.avatar.qm{background:var(--announce);color:var(--on-color)}.qm-line{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.people-panel{display:grid;gap:18px}.group{display:grid;gap:8px}.group-head{display:flex;align-items:center;gap:8px}.add-team{justify-self:start}.voicebar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 16px 16px;padding:14px 16px 14px 20px;border-radius:var(--r-lg);background:var(--surface);border:2px solid var(--line);transition:background .16s,border-color .16s,color .16s}.voice-status{display:flex;align-items:center;gap:14px;min-width:0;flex:1 1 320px}.voice-status .level-bar{width:80px;flex:none}.voice-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:var(--raised)}.voice-icon svg{width:24px;height:24px}.voice-title{font:800 1.35rem/1.15 var(--display);letter-spacing:-.01em}.voice-detail{font-size:.9rem;color:var(--ink-soft)}.ducked{font-weight:700}.voice-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-whisper{border-color:var(--team)}.btn-whisper[aria-pressed=true]{background:var(--on-color);color:var(--team)}.btn-announce{border-color:var(--announce)}.btn-announce[aria-pressed=true]{background:var(--on-color);color:var(--announce)}.btn-mute.is-muted{border-color:var(--danger);color:var(--danger)}.voicebar[data-mode=whisper]{background:var(--team);border-color:var(--team);color:var(--on-color)}.voicebar[data-mode=announce]{background:var(--announce);border-color:var(--announce);color:var(--on-color)}.voicebar[data-mode=whisper] .voice-detail,.voicebar[data-mode=announce] .voice-detail{color:color-mix(in srgb,var(--on-color) 80%,transparent)}.voicebar[data-mode=whisper] .voice-icon,.voicebar[data-mode=announce] .voice-icon{background:var(--on-color);color:var(--team)}.voicebar[data-mode=announce] .voice-icon{color:var(--announce)}.voicebar[data-mode=whisper] .level-bar,.voicebar[data-mode=announce] .level-bar{background:color-mix(in srgb,var(--on-color) 25%,transparent)}.voicebar[data-mode=whisper] .level-fill,.voicebar[data-mode=announce] .level-fill{background:var(--on-color)}.voicebar[data-mode=whisper] .btn,.voicebar[data-mode=announce] .btn{border-color:var(--on-color);background:transparent;color:var(--on-color)}.voicebar[data-mode=whisper] .btn[aria-pressed=true],.voicebar[data-mode=announce] .btn[aria-pressed=true]{background:var(--on-color);color:var(--team)}.voicebar[data-mode=announce] .btn[aria-pressed=true]{color:var(--announce)}.voicebar[data-mode=muted]{border-style:dashed}.voicebar[data-mode=muted] .voice-icon{color:var(--danger)}.voicebar[data-mode=waiting] .voice-title{color:var(--ink-soft)}.dialog{width:min(520px,calc(100% - 32px));max-height:calc(100% - 48px);padding:24px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);color:var(--ink)}.dialog[open]{display:grid;gap:18px}.dialog::backdrop{background:#080618b3}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog details{display:grid;gap:12px}.dialog summary{cursor:pointer;font-weight:700;margin-bottom:12px}.slider{margin-bottom:10px}.slider span{display:flex;justify-content:space-between;gap:12px}.slider input{min-height:24px;padding:0;accent-color:var(--announce)}.host-link{display:grid;gap:10px;padding:14px;border-radius:var(--r-md);background:var(--raised);color:var(--ink-soft)}.host-link .btn{justify-self:start}.toasts{position:fixed;left:50%;bottom:120px;transform:translate(-50%);display:grid;gap:8px;z-index:10;width:max-content;max-width:calc(100% - 32px)}.toast{padding:10px 18px;border-radius:999px;background:var(--ink);color:var(--on-color);font-weight:700;text-align:center}@media(max-width:860px){.room{height:auto;min-height:100%}.room-main{grid-template-columns:1fr}.stage{aspect-ratio:16 / 9;min-height:0}.room-main{grid-template-rows:none}.voicebar{position:sticky;bottom:8px;z-index:3}.voice-actions{width:100%}.voice-actions .btn{flex:1}.voice-actions kbd,.topbar .conn{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}