:root{--bg:#f4f5f1;--bg-2:#eceee7;--card:#ffffff;--ink:#14181f;--muted:#59616e;--faint:#8a929e;--line:rgba(20,24,31,0.13);--line-strong:rgba(20,24,31,0.28);--go:#0c8a5f;--go-soft:rgba(12,138,95,0.1);--warn:#a86a12;--warn-soft:rgba(168,106,18,0.12);--danger:#bb3325;--danger-soft:rgba(187,51,37,0.1);--info:#245ea6;--info-soft:rgba(36,94,166,0.1);--sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,"SF Mono","SFMono-Regular",Menlo,"Cascadia Mono",monospace;--radius:10px;--radius-sm:6px;--gutter:16px;color-scheme:light}:root[data-theme=dark]{--bg:#0a0c0f;--bg-2:#0f1216;--card:#14181d;--ink:#e8ecf1;--muted:#97a1af;--faint:#626c7a;--line:rgba(255,255,255,0.09);--line-strong:rgba(255,255,255,0.2);--go:#33e39e;--go-soft:rgba(51,227,158,0.12);--warn:#f2b23a;--warn-soft:rgba(242,178,58,0.14);--danger:#ff6d5f;--danger-soft:rgba(255,109,95,0.13);--info:#62a6f5;--info-soft:rgba(98,166,245,0.14);color-scheme:dark}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;font-weight:620;letter-spacing:-.01em}p{margin:0}.mono{font-family:var(--mono)}.wrap{max-width:1180px;margin:0 auto;padding:0 var(--gutter)}.stack{flex-direction:column}.row,.stack{display:flex}.row{align-items:center}.between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.wrap-flex{flex-wrap:wrap}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line)}.topbar .inner{height:56px;justify-content:space-between}.brand,.topbar .inner{display:flex;align-items:center}.brand{gap:10px;font-weight:680;letter-spacing:-.02em}.brand .dot{width:10px;height:10px;border-radius:3px;background:var(--go);box-shadow:0 0 0 3px var(--go-soft)}.nav{display:flex;align-items:center;gap:4px}.nav a{padding:7px 11px;border-radius:var(--radius-sm);color:var(--muted);font-size:13.5px;font-weight:520;white-space:nowrap}.nav a.active,.nav a:hover{color:var(--ink);background:var(--bg-2)}.iconbtn{border:1px solid var(--line);background:var(--card);color:var(--muted);width:34px;height:34px;border-radius:var(--radius-sm);cursor:pointer;display:grid;place-items:center}.iconbtn:hover{color:var(--ink);border-color:var(--line-strong)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:13.5px;font-weight:580;padding:9px 15px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--card);color:var(--ink);cursor:pointer;transition:transform .05s ease}.btn:hover{border-color:var(--ink)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn.go{background:var(--go);color:#04120c;border-color:transparent}.btn.ghost{background:transparent;border-color:var(--line);color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.card.pad{padding:18px}.panel-h{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}.panel-h h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:640}.chip,.panel-h h3{color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}.chip.go{color:var(--go);background:var(--go-soft)}.chip.go,.chip.warn{border-color:transparent}.chip.warn{color:var(--warn);background:var(--warn-soft)}.chip.danger{color:var(--danger);background:var(--danger-soft)}.chip.danger,.chip.info{border-color:transparent}.chip.info{color:var(--info);background:var(--info-soft)}.chip .led{width:6px;height:6px;border-radius:50%;background:currentColor}.mode-tag{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:4px}.mode-live{color:var(--info);background:var(--info-soft)}.mode-local{color:var(--warn);background:var(--warn-soft)}.mode-simulated{color:var(--faint);background:var(--bg-2)}.bignum{font-family:var(--mono);font-weight:680;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:600}.timeline{display:flex;flex-direction:column}.tl-step{display:grid;grid-template-columns:30px 1fr;grid-gap:12px;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.tl-step:last-child{border-bottom:none}.tl-rail{display:flex;flex-direction:column;align-items:center}.tl-node{width:22px;height:22px;border-radius:50%;border:2px solid var(--line-strong);display:grid;place-items:center;font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--card)}.tl-node.passed{border-color:var(--go);color:var(--go)}.tl-node.failed,.tl-node.refused{border-color:var(--danger);color:var(--danger)}.tl-node.running{border-color:var(--info);color:var(--info);animation:pulse 1s infinite}.tl-node.blocked{border-color:var(--warn);color:var(--warn)}.tl-line{flex:1 1;width:2px;background:var(--line);margin:2px 0}.tl-title{font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tl-summary{color:var(--muted);font-size:13px;margin-top:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.evidence{margin-top:10px;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.evidence .eh{padding:7px 11px;background:var(--bg-2);font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;display:flex;justify-content:space-between}.evidence pre{margin:0;padding:11px;font-family:var(--mono);font-size:12px;line-height:1.55;overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:var(--ink)}.diff-add{color:var(--go)}.diff-del{color:var(--danger)}.diff-meta{color:var(--faint)}table.ledger{width:100%;border-collapse:collapse;font-size:13px}table.ledger th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:640;padding:10px 12px}table.ledger td,table.ledger th{border-bottom:1px solid var(--line)}table.ledger td{padding:11px 12px;font-family:var(--mono);font-size:12.5px;vertical-align:middle}table.ledger tr:hover td{background:var(--bg-2)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:640}.eyebrow,.lead{color:var(--muted)}.lead{font-size:17px;line-height:1.55}.kicker{color:var(--go)}.divider{height:1px}.divider,.q-strip{background:var(--line)}.q-strip{display:grid;grid-gap:1px;gap:1px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.q-cell{background:var(--card);padding:16px}.q-cell .qh{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:640;margin-bottom:6px}.inbox-item{padding:14px 16px;border-bottom:1px solid var(--line);cursor:pointer}.inbox-item.sel,.inbox-item:hover{background:var(--bg-2)}.inbox-item.sel{box-shadow:inset 3px 0 0 var(--go)}.inbox-item:last-child{border-bottom:none}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.demo-grid{display:grid;grid-template-columns:360px 1fr;grid-gap:18px;gap:18px;align-items:start}@media (max-width:900px){.demo-grid,.grid-2,.grid-3{grid-template-columns:1fr}.nav .hide-sm{display:none}}@media (max-width:620px){.topbar .inner{gap:8px}.nav,.topbar .inner>.row{min-width:0}.nav{gap:0;flex-shrink:1;overflow-x:auto;max-width:42vw;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{padding:6px 7px;font-size:12.5px}.nav{-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent);padding-right:14px}.brand{font-size:15px}}@keyframes bl-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.evidence,.q-strip{animation:bl-rise .28s cubic-bezier(.2,.8,.2,1) both}@media (prefers-reduced-motion:reduce){.evidence,.q-strip{animation:none}}@keyframes bl-check{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}.bl-check{animation:bl-check .16s ease-out both}@media (prefers-reduced-motion:reduce){.bl-check{animation:none}}