:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--panel:#151b30;--text:#f4f6fb;--muted:#9aa4bf;--accent:#4f8cff;--live:#3ddc97;--warn:#ffb454;--error:#ff6b6b}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}main{flex-direction:column;gap:24px;max-width:480px;margin:0 auto;padding:40px 20px 64px;display:flex}header h1{letter-spacing:.01em;margin:0 0 6px;font-size:24px}header p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}header p.byline{margin:0 0 10px;font-size:13px}header p.byline a{color:var(--muted);text-underline-offset:2px;text-decoration:underline}.room-label,header p.room-label{color:var(--text);margin:0 0 8px;font-size:18px;font-weight:600}header p.subtitle{margin:0 0 6px}.ended-title{margin:0 0 6px;font-size:17px;font-weight:600}.room-list{margin:8px 0 0;padding:0;list-style:none}.room-list li{border-top:1px solid #ffffff14;justify-content:space-between;gap:12px;padding:10px 0;font-size:15px;display:flex}.room-list a{color:var(--accent)}.room-slot{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.panel{background:var(--panel);border:1px solid #ffffff0f;border-radius:16px;padding:20px}label{color:var(--muted);font-size:13px;display:block}input{letter-spacing:.08em;width:100%;color:var(--text);background:#00000040;border:1px solid #ffffff1f;border-radius:12px;padding:14px 16px;font-size:18px}input:focus{outline:2px solid var(--accent);outline-offset:1px}button{cursor:pointer;border:none;border-radius:12px;font-family:inherit}button:disabled{opacity:.55;cursor:progress}button.primary{color:#08122b;background:var(--accent);width:100%;min-height:56px;margin-top:20px;padding:16px;font-size:17px;font-weight:600}.segmented{background:#00000047;border:1px solid #ffffff1f;border-radius:14px;gap:4px;padding:4px;display:flex}.segmented button{min-height:46px;color:var(--muted);background:0 0;border-radius:10px;flex:1;padding:10px 8px;font-size:16px;font-weight:500}.segmented button[aria-pressed=true]{color:var(--text);background:#ffffff24;font-weight:600}.segmented.live button[aria-pressed=true]{color:var(--live);background:#3ddc9724}.step{color:var(--muted);align-items:center;gap:8px;margin:0 0 8px;font-size:13px;display:flex}.step+.step{margin-top:22px}.step-number{width:20px;height:20px;color:var(--text);background:#ffffff1f;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.scanned{color:var(--ok,#3fb950);flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 22px;font-size:13px;display:flex}.linklike{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.hint{color:var(--muted);margin:10px 0 0;font-size:12px}.status{align-items:center;gap:10px;font-size:15px;display:flex}.dot{background:var(--muted);border-radius:50%;flex:none;width:10px;height:10px}.dot[data-state=live]{background:var(--live)}.dot[data-state=joining],.dot[data-state=reconnecting],.dot[data-state=waiting],.dot[data-state=blocked]{background:var(--warn)}.dot[data-state=error]{background:var(--error)}.detail{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.5}.captions{max-height:44vh;font-size:17px;line-height:1.6;overflow-y:auto}.caption-line{margin:0 0 10px}.caption-tentative{color:var(--muted);font-style:italic}.caption-source{letter-spacing:.02em;vertical-align:2px;white-space:nowrap;border-radius:4px;margin-right:8px;padding:1px 6px;font-size:.7rem;font-weight:600;display:inline-block}.caption-source-floor{color:#8fe3b0;background:#1f3a2c}.caption-source-translation{color:#9dc0ff;background:#23304a}footer{color:var(--muted);font-size:12px;line-height:1.6}.notice{border:1px solid var(--warn);color:var(--warn);background:#ffb4541f;font-size:15px;line-height:1.6}main.screen{--screen-lines:2;--screen-font:clamp(28px, 3.2vw, 64px);--screen-line-height:1.35;gap:2vh;width:100%;max-width:none;height:100vh;padding:3vh 3vw;overflow:hidden}main.screen-setup{max-width:480px;padding:40px 20px}main.screen-setup form{gap:8px;display:flex}.screen-notice{border:1px solid var(--warn);color:var(--warn);background:#ffb45429;border-radius:8px;margin:0;padding:1vh 1.5vw;font-size:clamp(18px,2vw,32px);font-weight:600}.screen-grid{flex-direction:column;flex:1;justify-content:flex-end;gap:2.5vh;min-height:0;display:flex;overflow:hidden}.screen-column{max-height:calc(var(--screen-lines) * var(--screen-line-height) * var(--screen-font));text-align:left;flex-direction:column;justify-content:flex-end;display:flex;overflow:hidden}.screen-line{font-size:var(--screen-font);line-height:var(--screen-line-height);margin:0}.screen-credit{text-align:right;color:var(--muted);letter-spacing:.02em;margin:0;font-size:clamp(11px,.85vw,17px)}