[data-theme=dark]{--bg: #08080a;--bg-elev: #0e0e11;--surface: #131318;--surface-2: #181820;--border: #25252e;--border-strong: #3a3a45;--text: #f5f5f7;--text-2: #c7c7cf;--muted: #7e7e89;--muted-2: #50505a;--accent: #f5f5f7;--accent-fg: #08080a;--ok: oklch(.78 .16 160);--ok-bg: oklch(.78 .16 160 / .13);--warn: oklch(.82 .15 80);--warn-bg: oklch(.82 .15 80 / .13);--crit: oklch(.68 .21 25);--crit-bg: oklch(.68 .21 25 / .13);--info: oklch(.74 .13 230);--grid: rgba(255,255,255,.04);--grid-strong: rgba(255,255,255,.08)}[data-theme=light]{--bg: #f6f6f3;--bg-elev: #fafaf8;--surface: #ffffff;--surface-2: #f0f0eb;--border: #e3e3dc;--border-strong: #c8c8c0;--text: #0e0e10;--text-2: #3a3a40;--muted: #6e6e76;--muted-2: #a4a4ac;--accent: #0e0e10;--accent-fg: #ffffff;--ok: oklch(.55 .16 160);--ok-bg: oklch(.55 .16 160 / .12);--warn: oklch(.62 .16 70);--warn-bg: oklch(.62 .16 70 / .12);--crit: oklch(.55 .21 25);--crit-bg: oklch(.55 .21 25 / .1);--info: oklch(.55 .16 230);--grid: rgba(0,0,0,.04);--grid-strong: rgba(0,0,0,.08)}html,body,#root{margin:0;padding:0;height:100%;font-family:Geist,Manrope,system-ui,sans-serif;background:var(--bg);color:var(--text)}body{overflow:hidden}.hb-root{font-family:Geist,Manrope,system-ui,sans-serif;background:var(--bg);color:var(--text);width:100%;height:100%;display:flex;overflow:hidden;--radius: 10px;--radius-sm: 6px;letter-spacing:-.005em}.hb-mono{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:"tnum" 1}.hb-ok{color:var(--ok)}.hb-warn{color:var(--warn)}.hb-crit{color:var(--crit)}.hb-muted{color:var(--muted)}.hb-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.hb-dot.ok{background:var(--ok);box-shadow:0 0 0 3px #3ad69326}.hb-dot.warn{background:var(--warn)}.hb-dot.crit{background:var(--crit);box-shadow:0 0 0 3px oklch(.68 .21 25 / .18)}.hb-dot.off{background:var(--muted-2)}.hb-root *::-webkit-scrollbar{width:8px;height:8px}.hb-root *::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.hb-root *::-webkit-scrollbar-track{background:transparent}.hb-root button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.hb-root input,.hb-root textarea,.hb-root select{font:inherit;color:inherit}.hb-switch{width:30px;height:18px;border-radius:20px;background:var(--surface-2);border:1px solid var(--border);position:relative;cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s}.hb-switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.hb-switch.on{background:var(--ok-bg);border-color:var(--ok)}.hb-switch.on:after{transform:translate(12px);background:var(--ok)}.hb-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;font-size:11px;line-height:1;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2)}.hb-grid-bg{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px}.hb-crumbs{display:flex;align-items:center;gap:8px;padding:10px 18px;border-bottom:1px solid var(--border);background:var(--bg-elev);font-size:12px;color:var(--muted)}.hb-crumbs .last{color:var(--text);font-weight:500}.hb-crumbs-sep{color:var(--muted-2)}a{color:inherit;text-decoration:none}