:root{--bg-rail:#1e1f22;--bg-sidebar:#2b2d31;--bg-main:#313338;--bg-floating:#111214;--bg-input:#1e1f22;--bg-button:#404249;--bg-hover:#35373c;--text:#dbdee1;--text-muted:#949ba4;--header:#f2f3f5;--go:#23a55a;--go-strong:#248046;--brake:#f23f43;--brake-strong:#da373c;--amber:#f5a524;--blurple:#5865f2;--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg-rail);-webkit-font-smoothing:antialiased;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-rail);overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button:disabled{cursor:default;opacity:.45}a{color:#00a8fc;text-decoration:none}.avatar{background:var(--bg-rail);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:20px;display:inline-grid}.avatar.big{width:64px;height:64px;font-size:40px}.primary{background:var(--amber);color:#1e1f22;border-radius:4px;padding:12px 20px;font-weight:700;transition:filter .15s}.primary:hover:not(:disabled){filter:brightness(1.08)}.primary.big{border-radius:8px;width:100%;padding:18px 20px;font-size:1.25rem}.notice{border-radius:var(--radius);width:100%;color:var(--header);text-align:left;background:#f5a5241f;border:1px solid #f5a52480;margin:8px 0;padding:12px 14px;font-size:.95rem;line-height:1.35;display:block}.notice.error{background:#f23f431f;border-color:#f23f4399}.splash,.setup{max-width:480px;min-height:100%;padding:max(32px, env(safe-area-inset-top)) 20px max(32px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;gap:18px;margin:0 auto;display:flex}.brand{color:var(--header);letter-spacing:-.02em;align-items:center;gap:12px;font-size:2.4rem;font-weight:800;display:flex}.kicker{color:var(--amber);margin:0;font-size:1.05rem;font-weight:600}.car-card{background:var(--bg-sidebar);border-radius:12px;align-items:center;gap:14px;padding:16px;display:flex}.car-name{color:var(--header);font-size:1.35rem;font-weight:700}.car-sub{color:var(--text-muted);margin:2px 0 0}.fine{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.45}.fine b{color:var(--text)}.links{color:var(--text-muted);margin:0}.setup h1{color:var(--header);margin:0;font-size:1.8rem}.field{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.field>span,.field>legend{text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);margin-bottom:8px;padding:0;font-size:.75rem;font-weight:700}.field input{font:inherit;color:var(--header);background:var(--bg-input);border:0;border-radius:4px;outline:none;padding:12px;font-size:1.05rem}.field input:focus{outline:2px solid var(--amber)}.swatches{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.swatch{aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 2px #00000040}.swatch.selected{box-shadow:0 0 0 3px var(--bg-rail), 0 0 0 5px var(--amber)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--bg-button);border-radius:16px;padding:8px 12px;font-weight:500}.chip.selected{background:var(--amber);color:#1e1f22}.drive{--tint:transparent;min-height:100%;padding:max(14px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:radial-gradient(120% 60% at 50% 0%, var(--tint), transparent 70%), var(--bg-main);flex-direction:column;transition:background .3s;display:flex}.drive[data-tone=live]{--tint:#23a55a2e}.drive[data-tone=muted],.drive[data-tone=deaf]{--tint:#f23f4359;background:radial-gradient(120% 60% at 50% 0%, var(--tint), transparent 70%), #3a2528}.drive[data-tone=off]{background:#232428}.drive-top{justify-content:space-between;align-items:center;gap:12px;font-size:.95rem;display:flex}.voice-status{color:var(--text-muted);align-items:center;gap:8px;font-weight:700;display:flex}.voice-status.ok{color:var(--go)}.signal{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.signal i{background:currentColor;border-radius:1px;width:4px}.signal i:first-child{height:5px}.signal i:nth-child(2){height:9px}.signal i:nth-child(3){height:14px}.me{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;font-weight:600;display:flex;overflow:hidden}.me .avatar{width:28px;height:28px;font-size:18px}.status{flex-direction:column;flex:1;justify-content:center;gap:12px;padding:24px 0;display:flex}.status-title{color:var(--header);letter-spacing:-.02em;align-items:center;gap:12px;margin:0;font-size:clamp(2rem,9vw,3.2rem);font-weight:800;line-height:1.08;display:flex}.status-icon{color:var(--text-muted);flex:none;font-size:.8em}.status-sub{color:var(--text-muted);margin:0;font-size:1.3rem;font-weight:600}.talking{color:var(--text-muted);background:#00000038;border-radius:14px;align-items:center;gap:12px;margin:12px 0 0;padding:16px 18px;font-size:1.45rem;font-weight:700;display:flex}.talking-dot{background:#4e5058;border-radius:50%;flex:none;width:16px;height:16px}.talking.on{color:var(--header);box-shadow:inset 0 0 0 2px var(--go)}.talking.on .talking-dot{background:var(--go);animation:1.1s ease-out infinite pulse}.banner{background:var(--brake);color:#fff;letter-spacing:.02em;border-radius:10px;align-self:flex-start;margin:0;padding:10px 16px;font-size:1.3rem;font-weight:800}.hint{text-align:center;color:var(--text-muted);border-radius:10px;margin:8px 0 12px;padding:10px;font-size:1.05rem;font-weight:600;transition:background .2s}.hint.flash{background:var(--amber);color:#1e1f22}.controls{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ctl{background:var(--bg-button);min-height:116px;color:var(--header);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:1rem;font-weight:700;transition:background .15s,transform 80ms;display:flex}.ctl svg{font-size:2.6rem}.ctl:active:not(:disabled){transform:scale(.97)}.ctl.on{background:var(--brake)}.ctl.hangup{background:var(--brake-strong)}.ctl.connect{background:var(--go-strong);grid-column:span 1}@keyframes pulse{0%{box-shadow:0 0 #23a55ab3}to{box-shadow:0 0 0 14px #23a55a00}}.presenter{background:var(--bg-rail);grid-template-columns:72px 280px 1fr;height:100%;display:grid;overflow:hidden}.rail{flex-direction:column;align-items:center;padding:12px 0;display:flex}.rail-icon{border-radius:16px;width:48px;height:48px;padding:0;transition:border-radius .15s;position:relative;overflow:hidden}.rail-icon img{width:100%;height:100%}.rail-icon.active:before{content:"";background:var(--header);border-radius:0 4px 4px 0;width:8px;height:32px;position:absolute;top:8px;left:-16px}.sidebar{background:var(--bg-sidebar);border-top-left-radius:8px;flex-direction:column;min-height:0;display:flex}.sidebar-header{height:48px;color:var(--header);flex:none;align-items:center;padding:0 16px;font-weight:700;display:flex;box-shadow:0 1px #00000040}.channels{padding:12px 8px 24px;overflow-y:auto}.category{text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);padding:8px 8px 6px;font-size:.75rem;font-weight:700}.empty{color:var(--text-muted);margin:0;padding:8px}.channel{margin-bottom:6px}.channel-name,.member{text-align:left;width:100%;color:var(--text-muted);border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex}.channel-name:hover,.member:hover{background:var(--bg-hover);color:var(--text)}.channel-name{font-size:1rem;font-weight:600}.channel-name svg{flex:none;font-size:1.2rem}.channel-name .dot{border-radius:50%;flex:none;width:8px;height:8px}.label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.label em{text-transform:uppercase;background:var(--blurple);color:#fff;vertical-align:2px;border-radius:3px;margin-left:6px;padding:1px 4px;font-size:.65rem;font-style:normal;font-weight:700}.count{font-variant-numeric:tabular-nums;background:var(--bg-rail);border-radius:8px;padding:1px 7px;font-size:.8rem}.count.full{color:var(--amber)}.merge{color:var(--amber);margin:2px 0 2px 36px;font-size:.85rem;font-weight:600}.member{padding-left:32px;font-size:.95rem}.member .avatar{width:24px;height:24px;font-size:15px;transition:box-shadow .1s}.member.speaking{color:var(--header)}.member.speaking .avatar{box-shadow:0 0 0 2px var(--bg-sidebar), 0 0 0 4px var(--go)}.state-icon{color:var(--brake);flex:none}.stage{background:var(--bg-main);flex-direction:column;min-width:0;min-height:0;display:flex}.stage-header{z-index:2;white-space:nowrap;flex:none;align-items:center;gap:8px;height:48px;padding:0 16px;display:flex;box-shadow:0 1px #00000040}.hash{color:var(--text-muted);font-size:1.5rem}.stage-title{color:var(--header);font-weight:700}.divider{background:#3f4147;width:1px;height:24px;margin:0 6px}.stage-sub{color:var(--text-muted);text-overflow:ellipsis;overflow:hidden}.spacer{flex:1}.stat{background:var(--bg-rail);color:var(--header);font-variant-numeric:tabular-nums;border-radius:12px;padding:4px 10px;font-weight:600}.stage-body{flex:1;min-height:0;position:relative}.map{background:#1a1b1e;position:absolute;inset:0}.presenter .leaflet-container{background:#1a1b1e;font-family:inherit}.leaflet-control-attribution{color:var(--text-muted)!important;background:#111214b3!important}.leaflet-control-attribution a{color:var(--text)!important}.car-icon{background:0 0;border:0}.car-dot{border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.car-dot span{background:var(--c);border:2.5px solid #111214;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1.5px #ffffff80}.car-dot.speaking span{box-shadow:0 0 0 3px var(--go);animation:1s ease-out infinite pulse}.car-dot.muted span{box-shadow:0 0 0 2px var(--brake)}.car-dot.ghost span{border:2.5px dashed var(--c);box-shadow:none;background:0 0}.car-dot.bot{opacity:.75}.car-tip{background:var(--bg-floating);color:var(--header);border:0;border-radius:4px;font-weight:600;box-shadow:0 4px 12px #0006}.car-tip:before{border-top-color:var(--bg-floating)!important}.ticker{z-index:500;pointer-events:none;flex-direction:column-reverse;gap:6px;max-width:min(520px,45%);display:flex;position:absolute;bottom:16px;left:16px}.ticker-line{color:var(--header);background:#111214e0;border-radius:8px;padding:8px 12px;font-weight:600;animation:.3s ease-out slide-in;box-shadow:0 4px 12px #0000004d}.ticker-line:not(:first-child){opacity:.7}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}}.qr-card{z-index:500;color:#111214;text-align:center;background:#fff;border-radius:16px;width:240px;padding:14px 14px 12px;position:absolute;bottom:24px;right:16px;box-shadow:0 8px 24px #00000073}.qr-title{margin-bottom:8px;font-size:1.15rem;font-weight:800}.qr-card img{width:100%;display:block}.qr-url{word-break:break-all;color:#4e5058;margin-top:6px;font-size:.85rem;font-weight:700}.admin{z-index:600;background:var(--bg-floating);border-radius:8px;flex-direction:column;gap:8px;width:280px;padding:12px;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 8px 24px #00000073}.admin-title{text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:700}.admin button{text-align:left;background:var(--bg-button);border-radius:4px;padding:8px 10px;font-weight:600}.admin button:hover{background:#4e5058}.admin button.danger{background:var(--brake-strong);color:#fff}.admin p{color:var(--text-muted);margin:0;font-size:.8rem}