:root{--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--brand:#f6821f;--brand-ink:#fff;--st-active:#2ecc71;--st-waking:#f5b301;--st-hibernating:#47597a;--st-dead:#f2495c;--radius:10px;--gap:14px}:root[data-theme=dark]{--bg:#070b14;--bg-grid:#ffffff07;--surface:#0e1524;--surface-2:#121b2d;--border:#1e2a40;--ink:#e8eef7;--ink-dim:#93a4c0;--ink-faint:#62759a;--st-hibernating:#3a4a66;--shadow:0 10px 30px #00000073;--glow:0 0 10px}:root[data-theme=light]{--bg:#eef1f6;--bg-grid:#0f172a09;--surface:#fff;--surface-2:#f5f7fb;--border:#d9e0ec;--ink:#0f1a2e;--ink-dim:#56637a;--ink-faint:#8a97ad;--st-hibernating:#b7c1d4;--shadow:0 8px 24px #0f172a14;--glow:0 0 8px}*{box-sizing:border-box}body{font-family:var(--font-ui);color:var(--ink);background:radial-gradient(circle, var(--bg-grid) 1px, transparent 1.4px) 0 0 / 22px 22px, var(--bg);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}.app{max-width:1160px;margin:0 auto;padding:0 20px 40px}.brandbar{z-index:5;background:linear-gradient(var(--bg), color-mix(in srgb, var(--bg) 70%, transparent));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:space-between;align-items:center;padding:16px 0;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand .mark{color:var(--brand);font-size:20px;line-height:1}.brand .live{font-family:var(--font-mono);color:var(--st-active);margin-left:6px;font-size:11px}.tabs{gap:6px;display:flex}.tab{font:600 13px/1 var(--font-ui);color:var(--ink-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 12px;transition:color .15s,background .15s,border-color .15s}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{color:var(--ink);background:var(--surface-2);border-color:var(--border)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel+.panel{margin-top:var(--gap)}.panel-pad{padding:16px}.section-title{font:700 12px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 10px}.metrics{grid-template-columns:repeat(4,1fr) 1.6fr;gap:10px;display:grid}.metric{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.metric .label{font:600 10px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.metric .value{font:700 26px/1.1 var(--font-mono);font-variant-numeric:tabular-nums;margin-top:6px}.metric.accent .value{color:var(--brand)}.metric.active .value{color:var(--st-active)}.controls{flex-wrap:wrap;align-items:flex-end;gap:18px 24px;display:flex}.scale-group{flex-direction:column;gap:7px;display:flex}.scale-label{font:700 11px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.scale-btns{gap:8px;display:flex}.ops{align-items:flex-end;gap:8px;display:flex}.btn{font:600 13px/1 var(--font-ui);color:var(--ink);cursor:pointer;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:9px 13px;transition:transform 80ms,border-color .15s,background .15s,opacity .15s}.btn:hover{border-color:color-mix(in srgb, var(--brand) 50%, var(--border))}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn:disabled:hover{border-color:var(--border)}.btn-primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand);font-weight:700}.btn-danger{color:var(--st-dead);border-color:color-mix(in srgb, var(--st-dead) 40%, var(--border))}.btn-ghost{background:0 0}.notice{font:600 12px/1.5 var(--font-mono);color:var(--ink-dim);margin:14px 0 0}.legend{font:500 12px/1 var(--font-ui);color:var(--ink-dim);flex-wrap:wrap;gap:16px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:50%;width:10px;height:10px;display:inline-block}.s-active{background:var(--st-active)}.s-waking{background:var(--st-waking)}.s-hibernating{background:var(--st-hibernating)}.s-dead{background:var(--st-dead)}.grid-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.dot-scale{font:600 12px/1 var(--font-mono);color:var(--ink)}.dot-scale b{color:var(--brand)}.breadcrumb{font:500 11px/1.4 var(--font-mono);color:var(--ink-faint)}.breadcrumb button{font:inherit;color:var(--ink-dim);cursor:pointer;background:0 0;border:none;padding:0}.breadcrumb button:hover{color:var(--brand)}.breadcrumb .sep{opacity:.5;margin:0 4px}.grid{gap:4px;display:grid}.cell{aspect-ratio:1;cursor:pointer;border-radius:50%;width:100%;transition:transform .1s}.cell:hover{transform:scale(1.35)}.cell.static{cursor:default}:root[data-theme=dark] .cell.s-active{box-shadow:var(--glow) color-mix(in srgb, var(--st-active) 70%, transparent)}:root[data-theme=dark] .cell.s-dead{box-shadow:var(--glow) color-mix(in srgb, var(--st-dead) 80%, transparent)}.cost{flex-direction:column;justify-content:space-between;height:100%;display:flex}.cost .cur{font:700 22px/1 var(--font-mono);color:var(--brand);font-variant-numeric:tabular-nums}.cost svg{width:100%;height:40px;display:block}.caption{min-height:40px;font:600 14px/1.3 var(--font-ui);color:var(--ink);border-left:3px solid var(--brand);background:color-mix(in srgb, var(--brand) 8%, var(--surface));border-radius:0 8px 8px 0;align-items:center;gap:10px;padding:10px 14px;display:flex}.caption .pulse{background:var(--brand);width:8px;height:8px;box-shadow:var(--glow) var(--brand);border-radius:50%}.feed{font:500 12px/1.6 var(--font-mono);color:var(--ink-dim);max-height:180px;margin:0;padding:0;list-style:none;overflow:auto}.feed li{gap:8px;display:flex}.feed .t{color:var(--ink-faint)}.feed .k{color:var(--ink)}.reset-note{font:500 12px/1.55 var(--font-ui);color:var(--ink-dim);max-width:62ch;margin:12px 0 0}.linkbtn{font:inherit;color:var(--brand);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.linkbtn:hover{color:color-mix(in srgb, var(--brand) 75%, var(--ink))}.lifecycle{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;margin-top:12px;padding:14px 16px}.lifecycle ul{font:500 13px/1.6 var(--font-ui);color:var(--ink-dim);max-width:70ch;margin:6px 0 0;padding-left:18px}.lifecycle li{margin:5px 0}.lifecycle code{font-family:var(--font-mono);color:var(--brand);font-size:12px}.lifecycle .kick{border-top:1px solid var(--border);font:600 13px/1.5 var(--font-ui);color:var(--ink);max-width:70ch;margin:12px 0 0;padding-top:10px}.stack>*+*{margin-top:var(--gap)}.muted{color:var(--ink-dim)}input.field,.field{font:500 14px/1 var(--font-ui);color:var(--ink);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px}input.field::placeholder{color:var(--ink-faint)}a,.link{color:var(--brand)}