:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0d0f;--bg-night:#070708;--fg:#ececec;--fg2:#8b8b92;--accent:#f2c46b;--line:#26262b;--avatar:clamp(96px, 9.5vw, 116px);background:var(--bg);color:var(--fg);font-family:system-ui,Hiragino Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}input,select{border:1px solid var(--line);background:var(--bg);border-radius:6px;padding:10px 12px}select{padding:9px 10px;font-size:14px}input:focus,select:focus{border-color:var(--fg2);outline:none}button{cursor:pointer;background:0 0;border:none;padding:0}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--fg);color:var(--bg);border-radius:6px;padding:10px 28px;font-weight:600}button.text{color:var(--fg2);font-size:13px}button.text:hover:not(:disabled){color:var(--fg)}.quiet{color:var(--fg2);font-size:13px}.center{text-align:center}.pad{padding:80px 0}.entrance{max-width:320px;margin:0 auto;padding:18vh 20px 40px}.entrance h1{margin:0 0 6px;font-size:22px;font-weight:600}.entrance p{margin:0 0 28px}.entrance form{flex-direction:column;gap:16px;display:flex}.mic-check{align-items:center;gap:12px;min-height:20px;display:flex}.meter{background:var(--line);border-radius:2px;flex:1;height:4px;overflow:hidden}.meter .fill{background:var(--fg);height:100%}.devices{flex-direction:column;align-items:stretch;gap:6px;max-width:260px;display:flex}.menu .devices{align-items:flex-end}.entrance .devices{max-width:none}.entrance .devices select{width:100%}.devices select{width:220px;max-width:100%;padding:6px 8px;font-size:13px}.device-now{font-size:12px}.device-now.notice{color:var(--accent)}.mic-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:12px;overflow:hidden}.stt-debug-menu{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.stt-debug-menu select{width:220px;padding:6px 8px;font-size:13px}.stt-debug-menu label{font-size:12px}.stt-debug{z-index:4;border:1px solid var(--line);background:var(--bg);max-width:min(560px,100vw - 24px);color:var(--fg2);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:6px;padding:6px 8px;font-size:11px;line-height:1.5;position:fixed;bottom:72px;left:12px}.game{max-width:1080px;min-height:100vh;margin:0 auto;padding:20px 16px 110px;position:relative}.game.night:before{content:"";z-index:-1;background:var(--bg-night);animation:.9s ease-out fade;position:fixed;inset:0}.screen{animation:.24s ease-out fade}@keyframes fade{0%{opacity:0}}.menu-toggle{z-index:2;position:absolute;top:22px;right:16px}.menu{z-index:3;background:var(--bg);flex-direction:column;align-items:flex-end;gap:10px;padding:12px 0;display:flex;position:absolute;top:46px;right:16px}.audio-stats{text-align:right;max-width:260px;color:var(--fg2);font-variant-numeric:tabular-nums;font-size:12px}.audio-stats.warn{color:var(--accent)}.top-line{color:var(--fg2);flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding-right:80px;font-size:13px;display:flex}.top-line .room-name{color:var(--fg);font-size:15px;font-weight:600}.top-line .time{color:var(--fg);font-variant-numeric:tabular-nums}.top-line .time.urgent{color:var(--accent)}.stage-grid{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:26px 12px;max-width:600px;margin:4vh auto 0;display:grid}.member{width:100%;color:inherit;text-align:center;flex-direction:column;align-items:center;display:flex}.ring{width:var(--avatar);height:var(--avatar);position:relative}.avatar{background:#1a1a1e;border-radius:50%;width:100%;height:100%;transition:filter .3s ease-out;position:relative;overflow:hidden}.avatar-art svg{filter:saturate(.78)contrast(.96);width:100%;height:100%;position:absolute;inset:0}.avatar-fallback{height:100%;color:var(--fg2);place-items:center;font-size:32px;display:grid}.member.speaking .ring:after,.member.selected .ring:after{content:"";border:3px solid var(--accent);pointer-events:none;border-radius:50%;position:absolute;inset:-6px}.member.speaking .ring:after{animation:1.1s ease-out infinite ring}@keyframes ring{0%{opacity:1;transform:scale(.96)}to{opacity:.25;transform:scale(1.1)}}.member.talking .part-mouth{transform-box:view-box;transform-origin:100px 97px;animation:.15s ease-in-out infinite alternate talk}@keyframes talk{to{transform:scaleY(.35)}}.member.listening .avatar{filter:brightness(.6)}.member.dimmed .avatar{filter:brightness(.4)}.member.dimmed .name{color:var(--fg2)}.member.speaking .name,.member.selected .name{color:var(--accent)}.member .name{margin-top:10px;font-size:15px;font-weight:600}.member .sub{color:var(--fg2);margin-top:2px;font-size:12px}.audience{max-width:600px;padding-left:calc(min(600px, 100%) / 6 - var(--avatar) / 2);margin:28px auto 0}.audience .label{color:var(--fg2);margin-bottom:10px;font-size:12px}.audience .row{flex-wrap:wrap;gap:18px;display:flex}.listener{color:var(--fg2);flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.listener .avatar{filter:grayscale()brightness(.7);width:52px;height:52px}.listener .sub{font-size:11px}.subtitles{max-width:600px;min-height:110px;padding-left:calc(min(600px, 100%) / 6 - var(--avatar) / 2);flex-direction:column;justify-content:flex-start;gap:12px;margin:28px auto 0;display:flex}.sub-line .who{color:var(--fg2);margin-bottom:2px;font-size:12px}.sub-line .text{font-size:19px;line-height:1.5}.sub-line.interim .text{color:var(--fg2)}.bar{background:var(--bg);align-items:center;gap:12px;max-width:1080px;margin:0 auto;padding:16px 20px 22px;display:flex;position:fixed;bottom:0;left:0;right:0}.night .bar{background:var(--bg-night)}.bar .status{color:var(--fg2);flex:1;gap:12px;font-size:13px;display:flex}.bar .pill{border:1px solid var(--line);color:var(--fg);border-radius:999px;padding:9px 18px;font-size:14px}.bar .pill.ptt{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}.bar .pill.ptt.on{border-color:var(--accent);color:var(--accent)}.toast{color:var(--fg)}.actions{justify-content:center;align-items:center;gap:20px;margin-top:40px;display:flex}.result{text-align:center;margin:20px 0 0;font-size:20px;font-weight:600}.result .quiet{margin-left:12px;font-weight:400}.full-log{max-width:600px;margin:32px auto 0}.log-overlay{z-index:5;background:var(--bg);border-left:1px solid var(--line);flex-direction:column;width:min(420px,100vw);display:flex;position:fixed;top:0;bottom:0;right:0}.log-overlay .close{align-self:flex-end;padding:16px}.log-box{flex:1;padding:0 16px 16px;overflow-y:auto}.log-list{flex-direction:column;gap:8px;margin:0;padding:0;font-size:14px;line-height:1.5;list-style:none;display:flex}.log-list .who{color:var(--fg2);margin-right:8px;font-size:12px}.log-list .interim,.log-list .sys{color:var(--fg2)}.mock-bar{justify-content:center;gap:14px;padding:6px;display:flex}.mock-bar .on{color:var(--fg)}@media (width<=720px){.stage-grid{gap:22px 4px;margin-top:3vh}}@media (prefers-reduced-motion:reduce){.member.speaking .ring:after,.member.talking .part-mouth,.screen,.game.night:before{animation:none}}