:root{--canvas: #e9e9e9;--paper: #f7f6f1;--ink: #111;--muted: #5a5a55;--hairline: #b8b5ad;--rule: #1c1b18;--green: #4f8262;--blue: #455ca6;--gold: #c89436;--tag: #ece8dd;--edge: #9d9d9d;--table-bg: #fffef9;--caption-bg: #fdfbf5;--button-bg: #fbfaf7;--panel-bg: #fefcf7;--panel-grid: rgba(17, 17, 17, .11);--clock-bg: rgba(247, 246, 241, .72);--inactive-bar: #c8c0b2;--footer: #8d8a83;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--ink);background:var(--canvas)}:root[data-theme=dark]{--canvas: #101113;--paper: #171815;--ink: #e8e3d4;--muted: #9b9688;--hairline: #4d4a42;--rule: #d8d0bd;--green: #6f9b78;--blue: #6d78bd;--gold: #c6a14b;--tag: #25251f;--edge: #5e5a50;--table-bg: #191a17;--caption-bg: #1e1f1a;--button-bg: #191a17;--panel-bg: #181916;--panel-grid: rgba(232, 227, 212, .12);--clock-bg: rgba(23, 24, 21, .78);--inactive-bar: #5b574e;--footer: #8a8676}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--canvas)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--muted)}::selection{background:var(--ink);color:var(--paper)}.viewport{min-height:100vh;padding:0 0 38px;background:var(--canvas)}.page-shell{width:min(100%,920px);margin:0 auto;padding:18px 22px 14px;border-top:1px solid var(--edge);border-left:1px solid var(--edge);border-right:1px solid var(--edge);border-bottom:1px solid var(--edge);background:var(--paper)}.site-header{padding-top:0}.brand-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:20px}.brand{display:block;width:126px;height:40px;font-size:15px;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap}.brand-logo{display:block;width:100%;height:auto}.color-strip{display:flex;gap:3px;height:8px}.strip-swatch{display:block;flex:1 1 0;min-width:11px;height:8px;border:0}.strip-gap{display:block;flex:0 0 34px;height:8px}.nav{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:13px}.nav-button{display:block;height:20px;border:1px solid var(--rule);background:var(--button-bg);color:var(--ink);font-size:12px;font-weight:700;line-height:18px;text-align:center;text-decoration:none}.nav-button:hover{background:var(--tag);color:var(--ink)}.theme-toggle{display:grid;place-items:center;width:20px;height:14px;margin-top:0;padding:0;border:1px solid var(--rule);border-radius:0;appearance:none;background:var(--button-bg);color:var(--ink);cursor:pointer}.theme-toggle:hover{background:var(--tag)}.theme-toggle:focus-visible{outline:1px solid var(--rule);outline-offset:2px}.theme-svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start;margin-top:23px}.table-stack{display:flex;flex-direction:column}.table-stack .info-table:last-child{margin-bottom:0}.info-table{width:100%;margin:0 0 8px;border-collapse:collapse;border:1px solid var(--hairline);background:var(--table-bg)}.info-table caption{padding:4px 6px 5px;border:1px solid var(--hairline);border-bottom:0;background:var(--caption-bg);font-size:13px;font-weight:800;line-height:1.05;text-align:left}.info-table th,.info-table td{padding:4px 6px;border-top:1px solid var(--hairline);font-size:13px;font-weight:700;line-height:1.2;text-align:left;vertical-align:top}.info-table th{width:136px;color:var(--ink)}.info-table td{border-left:1px solid var(--hairline)}.badge{display:inline-block;padding:1px 6px 0;background:var(--tag);color:var(--ink);font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:800;line-height:1.12;letter-spacing:.03em;white-space:nowrap}.badge-green{background:var(--green);color:#fff}.badge-blue{background:var(--blue);color:#fff}.badge-gold{background:var(--gold);color:#111}.live-panel{display:flex;flex-direction:column;justify-content:space-between;height:var(--panel-height, auto);min-height:var(--panel-height, 0);padding:8px;border:1px solid var(--hairline);background:var(--panel-bg)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.panel-title{display:inline-block;padding:2px 5px;border:1px solid var(--rule);background:var(--paper);font-size:13px;font-weight:800}.clock-readout{margin:0;padding:4px 6px;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:var(--clock-bg);font-size:24px;font-weight:800;line-height:1.1;letter-spacing:.02em;text-align:right}.meter-row{display:flex;justify-content:space-between;gap:14px;padding:5px 0;border-top:1px solid var(--hairline);font-size:13px;font-weight:700}.meter-row strong{font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px}.status-grid{display:flex;flex-wrap:wrap;gap:5px;margin-top:0;padding-top:0}.signal{display:flex;align-items:flex-end;gap:2px;height:16px;padding:0 0 2px;border-bottom:1px solid var(--rule)}.signal span{width:6px;background:var(--green);opacity:.95;transition:height .18s linear}.time-signal{display:flex;align-items:flex-end;gap:2px;height:18px;margin-top:0;padding-bottom:2px;border-bottom:1px solid var(--rule)}.time-signal span{width:6px;background:var(--inactive-bar)}.time-signal span.elapsed{background:var(--green)}.time-signal span.active{background:var(--gold)}.heartbeat-head,.heartbeat-meta{display:flex;justify-content:space-between;gap:12px;padding-top:0;font-size:12px;font-weight:800}.heartbeat-head strong,.heartbeat-meta strong{font-size:12px}.heartbeat-signal{margin-top:0}.footer{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:16px;padding-top:8px;border-top:1px solid var(--hairline);color:var(--footer);font-size:11px;font-weight:700;text-transform:uppercase}.footer-badges{display:flex;gap:5px}@media(max-width:720px){.viewport{padding-bottom:0}.page-shell{width:100%;border-left:0;border-right:0}}@media(max-width:620px){.page-shell{padding:12px 12px 16px}.brand-row{grid-template-columns:1fr;gap:5px}.color-strip{width:100%}.content-grid{margin-top:22px;grid-template-columns:1fr}.live-panel{height:auto;min-height:184px}.footer{align-items:flex-start;flex-direction:column;margin-top:16px}}@media(max-width:420px){.nav{grid-template-columns:1fr}.info-table th,.info-table td{font-size:11px}.info-table th{width:92px}}