:root{color-scheme:light;--paper:#fff;--ink:#232522;--muted:#73776f;--line:#e0e3dc;--surface:#f7f8f5;--error:#a13628;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input{font:inherit}button,input,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}button{border:1px solid var(--ink);background:var(--ink);min-height:44px;color:var(--paper);cursor:pointer;border-radius:4px;padding:11px 22px;font-size:14px;font-weight:500;line-height:1.5;display:block}button:hover{background:#42483d}button:disabled{cursor:wait;opacity:.5}.secondary{color:var(--ink);border-color:var(--line);background:0 0}.secondary:hover{background:var(--surface)}.text-button{min-height:36px;color:var(--muted);background:0 0;border:0;padding:6px 0;font-size:13px;font-weight:400}.text-button:hover{color:var(--ink);text-underline-offset:4px;background:0 0;text-decoration:underline}.listen-shell{max-width:1088px;margin:0 auto;padding:24px 40px 56px}h2{letter-spacing:-.015em;margin:0;font-size:20px;font-weight:550}.login-panel{width:min(100%,360px);margin:100px auto 0}.login-panel h2{margin-bottom:32px}label{margin-bottom:12px;font-size:13px;line-height:1.5;display:block}input[type=password]{width:100%;min-height:46px;color:var(--ink);background:var(--paper);border:1px solid #cdd1c7;border-radius:4px;margin:0 0 16px;padding:11px 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.5}input::placeholder{color:#8a8e84}.login-panel button{width:100%}.feedback{color:var(--muted);overflow-wrap:anywhere;margin:14px 0 0;font-size:13px;line-height:1.8}.feedback[data-tone=error]{color:var(--error)}.room-bar{justify-content:space-between;align-items:center;gap:20px;min-height:56px;margin-bottom:24px;font-size:13px;display:flex}.room-bar p{color:var(--muted);align-items:center;gap:9px;margin:0;display:flex}.room-actions{align-items:center;gap:20px;display:flex}.dot{background:#a9afa2;border-radius:50%;width:6px;height:6px;display:block}.dot[data-connected=true]{background:#51843f}.room-feedback{background:var(--surface);border-radius:4px;margin:0 0 24px;padding:12px 16px}.decks{grid-template-columns:1fr 1fr;gap:32px;display:grid}.deck{border:1px solid var(--line);border-radius:6px;flex-direction:column;min-width:0;display:flex}.deck-heading{justify-content:space-between;align-items:center;gap:16px;padding:24px 24px 0;display:flex}.deck-heading h2{font-size:17px;font-weight:550}.track-state{color:var(--muted);white-space:nowrap;font-size:12px}.track-state[data-active=true]{color:#3e6c30}.deck-content{flex:1;padding:32px 24px 28px}.source-options{border:0;min-width:0;margin:0;padding:0}.source-options legend{margin-bottom:12px;padding:0;font-size:13px;line-height:1.5}.source-switch{background:#f0f2ed;border-radius:5px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.source-switch label{cursor:pointer;min-width:0;margin:0;position:relative}.source-switch input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.source-switch span{min-height:40px;color:var(--muted);border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;padding:8px 6px;font-size:13px;line-height:1.5;display:flex}.source-switch label:hover span{color:var(--ink)}.source-switch input:checked+span{background:var(--paper);color:var(--ink);border-color:#d9ddd3;box-shadow:0 1px 2px #2325220a}.source-switch input:focus-visible{outline:0}.source-switch input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.source-options:disabled label{cursor:default}.source-options:disabled .source-switch{opacity:.6}.share-actions{margin-top:24px}.share-actions button{width:100%}input[type=range]{width:100%;height:32px;accent-color:var(--ink);cursor:pointer;margin:19px 0 21px;display:block}output{float:right;color:var(--muted);font-variant-numeric:tabular-nums}#play{width:100%;margin-top:24px}.connection-details{margin-top:32px}summary{width:fit-content;color:var(--muted);cursor:pointer;padding:6px 0;font-size:12px}summary:hover{color:var(--ink)}.stats{background:var(--surface);border-radius:4px;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:20px 0 0;padding:24px;display:grid}.stats dt{color:var(--muted);margin-bottom:10px;font-size:11px}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:12px;line-height:1.6}@media (width<=680px){.listen-shell{padding:16px 20px 40px}.login-panel{margin-top:64px}.room-bar{min-height:48px;margin-bottom:20px}.decks{grid-template-columns:1fr;gap:20px}.deck-heading{padding:22px 20px 0}.deck-content{padding:28px 20px 24px}.stats{grid-template-columns:1fr 1fr;gap:24px 16px;padding:20px}}