:root{--bg:#f3f4f1;--panel:#fbfbf9;--line:#dcdfd8;--ink:#1d2422;--muted:#5d6762;--accent:#1f5f6b;--accent-soft:#dbe9ea;--good:#23784a;--good-soft:#dcefe2;--warn:#a8650a;--warn-soft:#f6ead3;--bad:#b3261e;--bad-soft:#f7dedb;--font-display:"IBM Plex Sans Condensed","Arial Narrow",system-ui,sans-serif;--font-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;--radius:6px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141917;--panel:#1b2220;--line:#2d3734;--ink:#e6ebe8;--muted:#93a09a;--accent:#6fb3bf;--accent-soft:#1f3438;--good:#5fc48a;--good-soft:#1b3326;--warn:#e0a34a;--warn-soft:#3a2d17;--bad:#f07a70;--bad-soft:#3d1f1c;color-scheme:dark}}:root[data-theme=dark]{--bg:#141917;--panel:#1b2220;--line:#2d3734;--ink:#e6ebe8;--muted:#93a09a;--accent:#6fb3bf;--accent-soft:#1f3438;--good:#5fc48a;--good-soft:#1b3326;--warn:#e0a34a;--warn-soft:#3a2d17;--bad:#f07a70;--bad-soft:#3d1f1c;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.5 var(--font-body);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:20px 40px}h1,h2{font-family:var(--font-display);font-weight:600;text-wrap:balance;margin:0}h1{font-size:1.75rem;letter-spacing:-.01em}h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.mono,.num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.shell{max-width:1280px;margin:0 auto;flex-direction:column;gap:20px}.shell,.top{display:flex}.top{flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}.top p{margin:2px 0 0;color:var(--muted);max-width:60ch}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-weight:500;background:var(--panel);border:1px solid var(--line)}.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.pill.good{background:var(--good-soft);border-color:transparent;color:var(--good)}.pill.good .dot{background:var(--good)}.pill.bad{background:var(--bad-soft);border-color:transparent;color:var(--bad)}.pill.bad .dot{background:var(--bad)}.pill.warn{background:var(--warn-soft);border-color:transparent;color:var(--warn)}.pill.warn .dot{background:var(--warn)}.banner{padding:12px 16px;border-radius:var(--radius);background:var(--bad-soft);color:var(--bad);font-weight:500}.banner ul{margin:6px 0 0;padding-left:18px;font-weight:400}.grid{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}@media (max-width:860px){.grid{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;gap:12px}.panel,.stack{display:flex;flex-direction:column;min-width:0}.stack{gap:16px}.procs{display:flex;flex-direction:column}.proc{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:4px 12px;gap:4px 12px;padding:8px 0;border-top:1px solid var(--line)}.proc:first-child{border-top:0;padding-top:0}.proc .name{font-family:var(--font-mono);font-weight:500}.proc .meta{grid-column:1;color:var(--muted);font-size:12px}.proc .act{grid-row:1/span 2;grid-column:2}.state{font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:1px 6px;border-radius:4px;margin-left:8px;font-family:var(--font-body);font-weight:600}.state.running{background:var(--good-soft);color:var(--good)}.state.stopped{background:var(--warn-soft);color:var(--warn)}.state.crashed{background:var(--bad-soft);color:var(--bad)}button{font:500 13px var(--font-body);color:var(--ink);cursor:pointer;background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:6px 12px}button:hover{border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.danger{color:var(--bad)}button.danger:hover{border-color:var(--bad)}button:disabled{opacity:.5;cursor:progress}.seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));grid-gap:6px;gap:6px}.seg button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--panel)}.hint{color:var(--muted);font-size:12px;margin:0}.ledger{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px}.figure{display:flex;flex-direction:column;gap:2px;min-width:0}.figure .label{color:var(--muted);font-size:12px}.figure .value{font-family:var(--font-mono);font-size:1.35rem;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.figure .sub{color:var(--muted);font-size:12px;font-family:var(--font-mono)}.equals{color:var(--good);font-weight:600}.unequal{color:var(--bad);font-weight:600}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}.tile{flex-direction:column;min-width:0}.tile,.tile .row{display:flex;gap:8px}.tile .row{justify-content:space-between;align-items:baseline}.tile .big{font-family:var(--font-mono);font-size:1.6rem;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tile .big.warn{color:var(--warn)}.tile .big.bad{color:var(--bad)}.spark{width:100%;height:48px;display:block}.spark .area{fill:var(--accent-soft)}.spark .line{fill:none;stroke:var(--accent);stroke-width:1.5}.spark .base{stroke:var(--line);stroke-width:1}.spark .end{fill:var(--accent)}.bar{display:flex;height:10px;border-radius:3px;overflow:hidden;background:var(--line)}.bar span{display:block;height:100%}.legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--muted)}.legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;vertical-align:0}.kv{display:grid;grid-template-columns:1fr auto;grid-gap:2px 12px;gap:2px 12px;margin:0;font-size:13px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.log{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto;font-size:13px}.log time{font-family:var(--font-mono);color:var(--muted);margin-right:8px}.tail{margin:0;max-height:260px;overflow:auto;font:12px/1.45 var(--font-mono);padding:10px;border-radius:4px;white-space:pre}.tail,select{background:var(--bg)}select{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:4px 6px}@media (prefers-reduced-motion:no-preference){.big,.pill,.state{transition:background-color .2s,color .2s}}