.qb{--bg:#f2f5f8;--surface:#fff;--surface2:#e8edf2;--line:#d3dbe3;--fg:#13202c;--muted:#586878;--accent:#0a6c88;--accent-soft:#d5eaf1;--wait:#9a5200;--wait-soft:#fbeacb;--call:#3550c9;--call-soft:#e0e6fb;--in:#17774a;--in-soft:#d5efe1;--late:#b8322a;--late-soft:#f8dbd8;--off:#5e6b78;--off-soft:#e3e8ed;--f-display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;--f-body:"Instrument Sans","Segoe UI",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;background:var(--bg);color:var(--fg);font:14px/1.45 var(--f-body);box-sizing:border-box;flex-direction:column;width:100%;height:100%;min-height:0;padding:0 16px 8px;display:flex;position:relative}.qb *,.qb :before,.qb :after{box-sizing:border-box}.qb[data-theme=dark]{--bg:#0d141a;--surface:#141e26;--surface2:#1c2832;--line:#2a3946;--fg:#e5ecf2;--muted:#93a3b1;--accent:#55bbd8;--accent-soft:#15323c;--wait:#f2aa52;--wait-soft:#3a2c14;--call:#93a9ff;--call-soft:#1e2851;--in:#52cb8c;--in-soft:#133424;--late:#ff8074;--late-soft:#40201d;--off:#9aa8b5;--off-soft:#222e38;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){.qb[data-theme=auto]{--bg:#0d141a;--surface:#141e26;--surface2:#1c2832;--line:#2a3946;--fg:#e5ecf2;--muted:#93a3b1;--accent:#55bbd8;--accent-soft:#15323c;--wait:#f2aa52;--wait-soft:#3a2c14;--call:#93a9ff;--call-soft:#1e2851;--in:#52cb8c;--in-soft:#133424;--late:#ff8074;--late-soft:#40201d;--off:#9aa8b5;--off-soft:#222e38;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.qb .mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.qb .muted{color:var(--muted)}.qb :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.qb-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;padding-block:14px 10px;display:flex}.qb-brand{flex-wrap:wrap;align-items:baseline;gap:12px;min-width:0;display:flex}.qb-brand h1{font:700 22px/1.1 var(--f-display);letter-spacing:-.01em;margin:0}.qb-live{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.qb-live i{background:var(--in);border-radius:50%;width:8px;height:8px;animation:1.6s infinite qb-pulse}.qb-live.lost i{background:var(--late);animation:none}.qb-live.lost{color:var(--late);font-weight:600}@keyframes qb-pulse{50%{opacity:.25}}.qb-ctl{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.qb-clock{font:600 34px var(--f-mono);letter-spacing:.02em;margin-right:6px}.qb-btn{background:var(--surface);color:var(--fg);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:6px;padding:4px 10px;font-size:13px}.qb-btn:hover{border-color:var(--accent)}.qb-btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.qb-main{flex-direction:column;flex:1;min-height:0;padding-top:14px;display:flex;position:relative;overflow:hidden}.qb-callbar{background:var(--call-soft);color:var(--call);font:600 16px var(--f-body);text-transform:uppercase;letter-spacing:.06em;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 22px;margin-bottom:14px;padding:10px 18px;display:flex}.qb-cp{font:700 26px var(--f-display);text-transform:none;letter-spacing:0}.qb-cp b{font-size:30px}.qb-missed{background:var(--wait-soft);color:var(--wait);font:600 15px var(--f-body);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-bottom:14px;padding:8px 18px;display:flex}.qb-missed b{font-family:var(--f-mono)}.qb-cards{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));align-content:start;gap:16px;display:grid}@media (min-width:900px){.qb-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--qb-rows,2),minmax(0,1fr));flex:1;align-content:stretch;min-height:0}.qb-cards.single{grid-template-columns:minmax(0,1fr)}}.qb-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex}.qb-card[hidden]{display:none}.qb-card header{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.qb-card .dn{font:700 28px/1.15 var(--f-display)}.qb-card .dd{color:var(--muted);font-size:15px}.qb-room{text-align:center;background:var(--fg);color:var(--bg);border-radius:10px;margin-top:8px;padding:6px 28px}.qb-room small{letter-spacing:.12em;font-size:11px;display:block}.qb-room b{font:700 52px/1.1 var(--f-mono)}.qb-av{object-fit:cover;border-radius:50%;flex:none;width:120px;height:120px;display:block}.qb-big{text-align:center;border-radius:10px;flex-direction:column;justify-content:center;min-height:118px;padding:12px 16px;display:flex}.qb-big .k{letter-spacing:.1em;text-transform:uppercase;font-size:14px;font-weight:600}.qb-big .tok{font:700 72px/1.1 var(--f-mono);font-variant-numeric:tabular-nums;font-size:calc(72px * var(--qb-fit,1))}.qb-big .ini{font:600 20px var(--f-body);opacity:.8}.qb-big .msg{font:600 20px var(--f-body)}.qb-big.in{background:var(--in-soft);color:var(--in)}.qb-big.call{background:var(--call-soft);color:var(--call)}.qb-big.call .tok{animation:1.2s infinite qb-pulse}.qb-big.idle{background:var(--surface2);color:var(--muted)}.qb-nx{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;min-height:32px;font-size:15px;display:flex}.qb-tk{font:500 13px var(--f-mono);background:var(--surface);border:1px solid var(--line);color:var(--fg);border-radius:5px;padding:2px 7px}.qb-nx .qb-tk{padding:3px 10px;font-size:22px}.qb-tk.p{border-color:var(--late);color:var(--late)}.qb-tk.p:after{content:" ▲";vertical-align:middle;font-size:.6em}.qb-wn{color:var(--fg);margin-left:auto;font-weight:600}@media (min-width:900px){.qb-card{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:22px;padding:16px;display:grid;overflow:hidden;container-type:size}.qb-card header{grid-row:1/3;gap:1cqh}.qb-big{min-height:0}.qb-av{width:clamp(56px,32cqh,200px);height:clamp(56px,32cqh,200px)}.qb-card .dn{font-size:clamp(18px,10cqh,46px);line-height:1.1}.qb-card .dd{font-size:clamp(12px,5.5cqh,22px)}.qb-room{margin-top:1cqh;padding:.5cqh 3cqw}.qb-room small{font-size:clamp(9px,3.5cqh,14px)}.qb-room b{font-size:clamp(28px,16cqh,88px)}.qb-big .tok{font-size:calc(clamp(34px,min(24cqh,10.5cqw),128px) * var(--qb-fit,1));white-space:nowrap}.qb-big .k{font-size:clamp(11px,4.5cqh,20px)}.qb-big .msg{font-size:clamp(14px,6cqh,26px)}.qb-big .ini{font-size:clamp(12px,5cqh,22px)}.qb-nx{min-height:0;font-size:clamp(12px,5cqh,18px)}.qb-nx .qb-tk{padding:0 .4em;font-size:clamp(14px,8cqh,30px)}}.qb-door{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;flex:1;gap:2.5cqh;min-height:0;padding:3cqh 3cqw;display:flex;overflow:hidden;container-type:size}.qb-door header{text-align:left;flex-direction:row;align-items:center;gap:3cqw;display:flex}.qb-door .qb-av{width:clamp(56px,24cqh,260px);height:clamp(56px,24cqh,260px)}.qb-door .dn{font:700 clamp(22px,9cqh,96px)/1.1 var(--f-display)}.qb-door .dd{color:var(--muted);font-size:clamp(13px,4.5cqh,40px)}.qb-door .qb-room{border-radius:12px;margin-top:0;margin-left:auto;padding:1cqh 3cqw}.qb-door .qb-room small{letter-spacing:.14em;font-size:clamp(10px,3cqh,24px)}.qb-door .qb-room b{font:700 clamp(32px,16cqh,170px)/1.05 var(--f-mono)}.qb-door .qb-big{border-radius:14px;flex:1;min-height:0}.qb-door .qb-big .k{font-size:clamp(14px,5cqh,44px)}.qb-door .qb-big .tok{font-size:calc(clamp(48px,min(38cqh,17cqw),380px) * var(--qb-fit,1));white-space:nowrap}.qb-door .qb-big .msg{font-size:clamp(18px,7cqh,64px)}.qb-door .qb-nx{gap:1.5cqw;font-size:clamp(14px,4.5cqh,36px)}.qb-door .qb-nx .qb-tk{padding:0 .35em;font-size:clamp(16px,7cqh,64px)}.qb-foot{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding-top:8px;font-size:13px;display:flex}.qb-pager{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.qb-dots{gap:5px;display:flex}.qb-dots i{background:var(--line);border-radius:50%;width:8px;height:8px}.qb-dots i.on{background:var(--accent)}.qb-sound{z-index:20;color:#fff;font:600 28px var(--f-body);cursor:pointer;background:#000000b8;border:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.qb-empty{text-align:center;color:var(--muted);font:600 24px var(--f-body);margin:auto}@media (prefers-reduced-motion:reduce){.qb-live i,.qb-big.call .tok{animation:none}}