:root{color-scheme:dark;--bg: #0e151d;--bar: #090e14;--panel: #151f2a;--raised: #1c2936;--ink: #e4ebf2;--muted: #8a9aab;--rule: #253443;--rule-soft: #1e2b38;--remove: #ff8077;--change: #78aefc;--keep: #52d3a2;--warn: #f2b84f;--warn-bg: #2b2213;--crit-bg: #361b1b;--info-bg: #19293a;--live: #3ccf8e;font-family:Public Sans,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;display:flex;flex-direction:column}h1,h2,p,ol,dl,dd,blockquote{margin:0}ol{list-style:none;padding:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.bar{display:flex;align-items:center;gap:20px;flex:none;padding:14px 32px;background:var(--bar);border-bottom:1px solid var(--rule)}.bar h1{font-size:20px;font-weight:800;letter-spacing:-.01em}.bar h1 span{font-weight:500;color:var(--muted)}.who{margin-left:auto}.who select{font:inherit;font-size:15px;color:var(--ink);background:var(--raised);border:1px solid var(--rule);border-radius:8px;padding:7px 12px;min-width:180px}.who select:focus-visible{outline:3px solid var(--change);outline-offset:2px}.link{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.link i{width:10px;height:10px;border-radius:50%;background:var(--muted)}.link[data-state=live] i{background:var(--live);box-shadow:0 0 0 4px #3ccf8e33}.link[data-state=down] i{background:var(--remove)}main{flex:1;min-height:0;width:100%;max-width:1320px;margin:0 auto;padding:24px 32px;display:flex;flex-direction:column;gap:20px}.now{flex:none;background:var(--panel);border:1px solid var(--rule);border-radius:16px;padding:24px 30px 22px}.now[data-state=active]{border-color:var(--change);box-shadow:0 0 0 3px #78aefc24}.now[data-state=error]{border-color:var(--remove)}.idle{font-size:22px;color:var(--muted);padding:14px 0}.who-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;font-size:15px;color:var(--muted)}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--raised);border:1px solid var(--rule);color:var(--ink);font-weight:700;font-size:14px}.who-line .name{font-weight:700;color:var(--ink);font-size:17px}.who-line .page{margin-left:auto;color:var(--ink);font-weight:500}.prompt{font-size:clamp(24px,3vw,38px);font-weight:700;line-height:1.2;letter-spacing:-.015em;margin:14px 0 20px;max-width:32ch}.prompt:before{content:"“";color:var(--muted)}.prompt:after{content:"”";color:var(--muted)}.tape{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.tape li{position:relative;padding:12px 14px 10px;font-size:15px;font-weight:600;color:var(--muted);background:var(--raised);border-radius:6px;overflow:hidden}.tape li.past{background:#1f4f80;color:#fff}.tape li.here{background:#2f6fd6;color:#fff}.tape li.here:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:sweep 1.1s linear infinite}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.status-line{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:16px;flex-wrap:wrap}.step{font-size:19px;font-weight:600}.tally{display:flex;gap:28px}.tally div{text-align:right}.tally dt{font-size:14px;color:var(--muted)}.tally dd{font-size:30px;font-weight:800;line-height:1.1}.k-remove dd{color:var(--remove)}.k-change dd{color:var(--change)}.k-keep dd{color:var(--keep)}.reply{margin-top:16px;padding-top:14px;border-top:1px solid var(--rule);font-size:17px;line-height:1.5;max-width:70ch}.grid{flex:1;min-height:320px;display:grid;gap:20px;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr)}.side{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:20px;min-height:0}.feed,.alerts,.runs{display:flex;flex-direction:column;min-height:0;background:var(--panel);border:1px solid var(--rule);border-radius:12px;padding:16px 6px 6px 20px}.feed ol,.alerts ol,.runs ol{flex:1;min-height:0;overflow-y:auto;padding-right:14px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#33475b transparent}h2{flex:none;font-size:17px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:8px}h2 b{font-size:13px;min-width:24px;padding:2px 8px;border-radius:99px;background:var(--info-bg);text-align:center}h2 b[data-hot=true]{background:var(--warn-bg);color:var(--warn)}.ev{display:grid;grid-template-columns:92px 84px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:9px 6px;border-top:1px solid var(--rule-soft);font-size:15px;border-radius:6px}.ev:first-child{border-top:0}.ev time{color:var(--muted);font-size:13px}.ev .kind{font-weight:700}.ev .what{line-height:1.4;overflow-wrap:anywhere}.ev .what small{display:block;color:var(--muted);font-size:13px}.ev .by{color:var(--muted);font-size:13px;white-space:nowrap}.ev.k-remove .kind,.ev.k-remove s{color:var(--remove)}.ev.k-remove s{text-decoration-thickness:2px}.ev.k-change .kind{color:var(--change)}.ev.k-keep .kind{color:var(--keep)}.ev.k-request .what{font-weight:600}.ev.k-reply .what{font-style:italic;color:#c9d4de}.ev.fresh{animation:arrive 1.2s ease-out}@keyframes arrive{0%{background:#1f3a5c}to{background:transparent}}.alerts ol{display:flex;flex-direction:column;gap:10px}.alert{flex:none;border-radius:10px;padding:12px 14px;border-left:5px solid}.alert .title{font-weight:700;font-size:16px}.alert .detail{font-size:14px;margin-top:3px;line-height:1.4;color:#c9d4de}.alert .meta{font-size:12px;color:var(--muted);margin-top:6px}.s-info{background:var(--info-bg);border-color:#5f7d98}.s-warning{background:var(--warn-bg);border-color:var(--warn)}.s-warning .title{color:var(--warn)}.s-critical{background:var(--crit-bg);border-color:var(--remove)}.s-critical .title{color:var(--remove)}.alert.fresh{animation:flag 1.6s ease-out}@keyframes flag{0%{transform:translate(14px);box-shadow:0 0 #f2b84f80}30%{transform:none;box-shadow:0 0 0 8px #f2b84f00}}.empty{color:var(--muted);font-size:15px}.run{display:grid;grid-template-columns:12px minmax(0,1fr) auto;column-gap:10px;row-gap:2px;padding:10px 0;border-top:1px solid var(--rule-soft)}.run:first-child{border-top:0}.run .dot{width:10px;height:10px;border-radius:50%;background:var(--keep);margin-top:6px;grid-row:span 2}.run.st-error .dot{background:var(--remove)}.run.st-thinking .dot,.run.st-removing .dot,.run.st-rebuilding .dot{background:var(--change);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.run .p{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.run .meta{font-size:12px;color:var(--muted);grid-column:2}.run .n{grid-column:3;grid-row:1;display:flex;gap:10px;font-size:14px;font-weight:700}.run .n .k-remove{color:var(--remove)}.run .n .k-change{color:var(--change)}.run .n .k-keep{color:var(--keep)}@media(max-width:900px){body{height:auto}.bar{padding:12px 18px;flex-wrap:wrap}main{padding:18px}.grid{grid-template-columns:1fr}.side{grid-template-rows:auto auto}.feed ol,.alerts ol,.runs ol{max-height:60vh}.ev{grid-template-columns:70px 72px minmax(0,1fr)}.ev .by{display:none}.tape li{font-size:13px;padding:10px 8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}