:root{--bg:#000;--panel:#0c0c0f;--panel2:#141418;--line:#1e1e24;--text:#f2f2f4;--dim:#a9a9b2;--faint:#6b6b74;--mono:"Cascadia Mono", "Cascadia Code", "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans:"Inter", "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:28px;--s8:44px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{font:17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--text)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}code{font-family:var(--mono)}.dim{color:var(--dim)}.faint{color:var(--faint)}b{color:#fff;font-weight:650}.win{grid-template-columns:220px minmax(0,1fr);min-height:100vh;transition:opacity .6s;display:grid}.win.off{opacity:.15}.side{height:100vh;padding:var(--s4);border-right:1px solid var(--line);font-family:var(--mono);flex-direction:column;display:flex;position:sticky;top:0}.logo{letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--s6);font-size:13px;font-weight:700;text-decoration:none}.logo span{letter-spacing:0;margin-right:6px}.rooms{gap:2px;display:grid}.room{text-align:left;color:var(--dim);padding:4px 0;font-size:15px;text-decoration:none}.room:hover{color:var(--text)}.room.on{color:#fff;font-weight:700}.side-line{border-top:1px solid var(--line);margin:var(--s4) 0}.agents{gap:4px;font-size:14px;display:grid}.agent{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mark{width:1.5em;display:inline-block}.mwork{color:#cfcfd6}.myou,.mdone{color:#fff}.side-foot{justify-content:space-between;align-items:center;margin-top:auto;font-size:15px;display:flex}.gh{color:var(--dim);display:inline-flex}.gh:hover{color:#fff}.lights{text-align:left;color:#fff;text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);text-underline-offset:4px;font-weight:700}.lights:hover{text-decoration-color:#fff}.main{flex-direction:column;min-width:0;min-height:100vh;display:flex}.tabs{gap:var(--s6);padding:var(--s3) var(--s6);border-bottom:1px solid var(--line);font:14px var(--mono);background:var(--bg);z-index:2;display:flex;position:sticky;top:0}.tab{color:var(--dim);font:inherit;text-decoration:none}.tab.on{color:#fff;font-weight:700}.screen{flex-direction:column;flex:1;justify-content:center;width:100%;padding:clamp(32px,5vw,80px) clamp(24px,5vw,96px);display:flex}.cmdline{gap:var(--s3);color:var(--dim);font:15px var(--mono);align-items:baseline;display:flex}.prompt{color:var(--faint);-webkit-user-select:none;user-select:none}.copy{color:#000;white-space:nowrap;background:#fff;border-radius:6px;padding:6px 14px;font-size:14px;font-weight:650}.copy:hover{background:#ddd}.live input{color:#fff;min-width:0;font:15px var(--mono);caret-color:#fff;background:0 0;border:0;outline:none;flex:1}.live input::placeholder{color:var(--faint)}.blackout{z-index:10;font-family:var(--mono);background:#000000c7;place-items:center;animation:.5s fade;display:grid;position:fixed;inset:0}.blackout.done{background:#000}.offlist{gap:var(--s2);font-size:24px;display:grid}.offlist div{animation:.3s rise}.still{text-align:center;gap:var(--s2);font-size:22px;display:grid}.still .faint{font-size:14px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.blackout,.offlist div{animation:none}.win{transition:none}}@media (width<=760px){body{font-size:16px}.win{grid-template-rows:auto 1fr;grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:var(--s3) var(--s4);position:static}.logo{margin-bottom:var(--s3)}.rooms{gap:var(--s1) var(--s4);flex-wrap:wrap;display:flex}.side-line,.agents{display:none}.side-foot{margin-top:var(--s3);gap:var(--s4);align-items:baseline;display:flex}.tabs{display:none}.screen{padding:var(--s6) var(--s4);justify-content:flex-start}}.tv{font:clamp(14px, 1.15vw, 19px)/1.7 var(--mono);color:var(--text);white-space:pre;flex:1;overflow-x:auto}.tv-line{min-height:1.75em}.tv-out{margin-top:.4em}.tv-prompt{color:var(--faint)}.tv-b{color:#fff;font-weight:700}.tv-d{color:var(--dim)}.tv-f,.tv-off{color:var(--faint)}.tv-meter{vertical-align:middle;background:#1d1d23;border-radius:3px;width:24ch;height:.7em;display:inline-block;overflow:hidden}.tv-meter-fill{background:#fff;height:100%;display:block}.tv-meter-fill.dim{background:#6b6b74}.tv-banner{color:#fff;width:100%;max-width:1100px;height:auto;margin:.6em 0 .4em;display:block}.tv-code{font:inherit;color:#fff;background:var(--panel2);cursor:copy;border-radius:4px;padding:1px 6px}.tv-code:hover{background:#1d1d23}.tv-tick{color:var(--faint)}.tv-copied{color:var(--dim);font-size:.8em}.tv-cursor{color:#fff}.tv-cursor.blink{animation:1.05s step-end infinite blink}.tv-next{margin-top:.8em}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.tv-cursor.blink{animation:none}}@media (width<=760px){.tv{font-size:13px}}.screen:has(.four){justify-content:stretch;padding:0}.four{background:var(--line);flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1px;min-height:calc(100vh - 46px);display:grid}.pane{font:clamp(11px, .82vw, 14px)/1.45 var(--mono);color:#e6e6ea;background:#000;padding:14px 18px;position:relative;overflow:hidden}.pane-body{white-space:pre}.pl{min-height:1.45em}.pane b{color:#fff;font-weight:700}.pane .dim{color:#8a8a93}.pane-mark{font-size:14px;position:absolute;top:8px;right:12px}.pane-mark.work{color:#cfcfd6;animation:1.6s ease-in-out infinite pulse}.pane-mark.you,.pane-mark.done{color:#fff}.mwork{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.box{white-space:pre;border:1px solid;min-width:34ch;padding:6px 12px;display:inline-block}.box.cc{border-color:#d97757;border-radius:8px}.box.cx{border-color:#5c5c66;border-radius:6px}.box.gm{border-color:#4796e4;border-radius:8px}.box.oc{border-color:#5c5c66;border-radius:0;min-width:40ch}.caret{color:#fff;animation:1s step-end infinite pulse}.cc-o{color:#d97757}.cc-w{color:#fff}.cc-g{color:#4eba65}.cx-c{color:#5fb3f9}.cx-add{color:#4eba65}.cx-del{color:#e5534b}.cx-sel{color:#5fb3f9;font-weight:700}.gm-logo{letter-spacing:.08em;background:linear-gradient(90deg,#4796e4,#847ace,#c3677f);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.2em;font-weight:800;line-height:1.2;display:inline-block}.gm-p{color:#847ace}.gm-ok{color:#4eba65}.oc-logo{letter-spacing:-.02em;color:#8a8a93;font-size:2.2em;font-weight:800;line-height:1.2;display:inline-block}.oc-logo b{color:#fff}.oc-u{color:#fab283}.oc-t{color:#5c9cf5}.oc-dots{animation:1s ease-in-out infinite pulse}@media (prefers-reduced-motion:reduce){.pane-mark.work,.mwork,.oc-dots{animation:none}}@media (width<=1000px){.four{grid-template-rows:none;grid-template-columns:1fr}.pane{min-height:380px}}
