html{--hz-font-sans:system-ui, sans-serif;--hz-font-mono:ui-monospace, monospace}:root{--hz-text-xs:11px;--hz-text-sm:13px;--hz-text-lg:16px;--hz-text-2xl:22px;--hz-leading-none:1;--hz-leading-normal:1.5;--hz-leading-relaxed:1.65;--hz-tracking-tight:-.01em;--hz-tracking-wide:.02em;--hz-tracking-wider:.06em;--hz-weight-medium:500;--hz-weight-semibold:600;--good:#0ca30c;--warning:#fab219;--serious:#ec835a;--critical:#d03b3b;--rail:232px;--bar:52px}.shell,.gate{--hz-background:var(--background,oklch(14.5% 0 0));--hz-foreground:var(--color,oklch(98.5% 0 0));--hz-muted-foreground:var(--color11,oklch(70.8% 0 0));--hz-card:var(--color2,oklch(20.5% 0 0));--hz-border:var(--borderColor,oklch(100% 0 0/.12));--hz-input:var(--color3,oklch(100% 0 0/.08));--hz-ring:var(--color8,oklch(55.6% 0 0));--hz-primary:var(--color,oklch(98.5% 0 0));--hz-primary-foreground:var(--background,oklch(20.5% 0 0));--hz-accent:var(--color4,oklch(26.9% 0 0));--hz-sidebar:var(--color1,oklch(17.5% 0 0));--hz-sidebar-accent:var(--color3,oklch(24% 0 0));--hz-radius:var(--radius-4,8px);--ink:var(--hz-foreground);--ink-2:var(--hz-muted-foreground);--ink-3:oklch(55% 0 0);--bg:var(--hz-background);--surface:oklch(18.5% 0 0);--surface-2:var(--hz-card);--line:var(--hz-border);--line-2:oklch(100% 0 0/.06);--focus:var(--hz-ring);--radius:var(--hz-radius)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--c-black,oklch(14.5% 0 0));font-family:var(--hz-font-sans);font-size:var(--hz-text-sm);line-height:var(--hz-leading-normal);-webkit-font-smoothing:antialiased}:root :is(code,kbd,pre,.mono){font-family:var(--hz-font-mono);font-variant-ligatures:none;font-variant-numeric:tabular-nums}.num,.tile-value{font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:oklch(100% 0 0/.12) padding-box content-box;border:3px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:oklch(100% 0 0/.2) padding-box content-box}.shell,.gate{background:var(--bg);color:var(--ink)}.shell{grid-template-columns:var(--rail) minmax(0, 1fr);height:100%;display:grid}.rail{border-right:1px solid var(--line);background:var(--hz-sidebar);flex-direction:column;gap:2px;min-height:0;padding:14px 12px;display:flex}.mark{align-items:center;gap:9px;padding:6px 8px 16px;display:flex}.mark b{font-size:var(--hz-text-sm);font-weight:var(--hz-weight-semibold);letter-spacing:var(--hz-tracking-tight)}.mark span{color:var(--ink-3);font-size:var(--hz-text-xs);letter-spacing:var(--hz-tracking-wider);text-transform:uppercase}.glyph{border:1px solid var(--line);background:var(--surface-2);border-radius:6px;flex:none;place-items:center;width:24px;height:24px;display:grid}.nav{flex-direction:column;gap:1px;display:flex}.nav a{height:32px;color:var(--ink-2);font-size:var(--hz-text-sm);border-radius:6px;align-items:center;gap:9px;padding:0 9px;display:flex}.nav a:hover{color:var(--ink);background:oklch(100% 0 0/.04)}.nav a[aria-current=page]{background:var(--hz-sidebar-accent);color:var(--ink)}.nav svg{opacity:.85;flex:none}.rail hr{border:0;border-top:1px solid var(--line-2);margin:10px 2px}.rail-foot{gap:4px;margin-top:auto;padding:8px 9px 2px;display:grid}.rail-foot .who{font-size:var(--hz-text-xs);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rail-foot .org{color:var(--ink);font-weight:var(--hz-weight-medium)}.main{grid-template-rows:var(--bar) minmax(0, 1fr);min-width:0;display:grid}.bar{border-bottom:1px solid var(--line);background:color-mix(in oklch, var(--bg) 85%, transparent);align-items:center;gap:12px;padding:0 20px;display:flex}.bar h1{font-size:var(--hz-text-sm);font-weight:var(--hz-weight-semibold);letter-spacing:var(--hz-tracking-tight)}.bar .sub{color:var(--ink-3);font-size:var(--hz-text-xs)}.view{align-content:start;gap:16px;padding:20px;display:grid;overflow:auto}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0}.card>header{border-bottom:1px solid var(--line-2);flex-wrap:wrap;align-items:center;gap:10px;padding:11px 14px;display:flex}.card>header h2{font-size:var(--hz-text-xs);font-weight:var(--hz-weight-semibold);letter-spacing:var(--hz-tracking-wider);text-transform:uppercase;color:var(--ink-2)}.cols{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:16px;display:grid}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=1100px){.split{grid-template-columns:minmax(0,1fr)}}.tiles{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:6px;padding:13px 14px;display:grid}.tile-label{font-size:var(--hz-text-xs);color:var(--ink-2);letter-spacing:var(--hz-tracking-wide)}.tile-value{font-size:var(--hz-text-2xl);font-weight:var(--hz-weight-medium);letter-spacing:var(--hz-tracking-tight);line-height:var(--hz-leading-none)}.grid{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--hz-text-sm)}.grid th{z-index:1;text-align:left;font-size:var(--hz-text-xs);font-weight:var(--hz-weight-medium);letter-spacing:var(--hz-tracking-wide);color:var(--ink-3);background:var(--surface);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 12px;position:sticky;top:0}.grid td{border-bottom:1px solid var(--line-2);vertical-align:middle;padding:9px 12px}.grid tbody tr:hover td{background:oklch(100% 0 0/.03)}.grid tbody tr[aria-selected=true] td{background:oklch(100% 0 0/.06)}.grid tr.clickable{cursor:pointer}.grid .num{text-align:right}.grid .id{font-family:var(--hz-font-mono);font-size:var(--hz-text-xs);color:var(--ink-2)}.scroll{max-height:62vh;overflow:auto}.badge{border:1px solid var(--line);background:var(--surface-2);height:20px;font-size:var(--hz-text-xs);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 8px 0 7px;display:inline-flex}.badge .dot{background:var(--ink-3);border-radius:999px;flex:none;width:6px;height:6px}.badge.good .dot{background:var(--good)}.badge.warning .dot{background:var(--warning)}.badge.serious .dot{background:var(--serious)}.badge.critical .dot{background:var(--critical)}.badge.plain{color:var(--ink-2);background:0 0}tr.good td:first-child{box-shadow:inset 2px 0 0 var(--good)}tr.warning td:first-child{box-shadow:inset 2px 0 0 var(--warning)}tr.serious td:first-child{box-shadow:inset 2px 0 0 var(--serious)}tr.critical td:first-child{box-shadow:inset 2px 0 0 var(--critical)}.note{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--ink-2);font-size:var(--hz-text-sm);align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.note.bad{border-color:color-mix(in oklch, var(--critical) 45%, var(--line))}.note .dot{background:var(--ink-3);border-radius:999px;flex:none;width:6px;height:6px;margin-top:6px}.note.bad .dot{background:var(--critical)}.empty{color:var(--ink-3);text-align:center;font-size:var(--hz-text-sm);place-items:center;gap:6px;padding:34px 12px;display:grid}button,input,select,textarea{font:inherit;color:inherit}.field{gap:5px;min-width:0;display:grid}.field>label{font-size:var(--hz-text-xs);color:var(--ink-2)}.field .hint{font-size:var(--hz-text-xs);color:var(--ink-3)}select{border:1px solid var(--hz-input);background:var(--bg);height:30px;color:inherit;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-3) 50%), linear-gradient(135deg, var(--ink-3) 50%, transparent 50%);background-position:calc(100% - 14px) 13px,calc(100% - 9px) 13px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:7px;min-width:0;max-width:100%;padding:0 26px 0 9px}.field select{width:100%}select.narrow{text-align:center}select:focus{border-color:var(--focus);outline:none}.card>header input{flex:none;width:220px}textarea{resize:vertical}.tabs{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.code{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);font-family:var(--hz-font-mono);font-size:var(--hz-text-xs);line-height:var(--hz-leading-relaxed);color:var(--ink);white-space:pre-wrap;word-break:break-word;padding:11px 12px;overflow-x:auto}.kv{font-size:var(--hz-text-sm);grid-template-columns:minmax(96px,auto) minmax(0,1fr);align-items:baseline;gap:6px 14px;display:grid}.kv dt{color:var(--ink-3);font-size:var(--hz-text-xs)}.kv dd{overflow-wrap:anywhere;min-width:0}.panel{grid-template-rows:var(--bar) minmax(0, 1fr);background:var(--surface);border-left:1px solid var(--line);z-index:20;width:min(560px,100vw);display:grid;position:fixed;top:0;bottom:0;right:0;box-shadow:-24px 0 48px oklch(0% 0 0/.45)}.panel>header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:0 14px;display:flex}.panel>header h2{font-size:var(--hz-text-sm);font-weight:var(--hz-weight-semibold)}.panel-body{overflow:auto}.scrim{z-index:19;cursor:default;background:oklch(0% 0 0/.45);border:0;position:fixed;inset:0}.timeline{gap:2px;display:grid}.event{grid-template-columns:14px minmax(0,1fr);grid-auto-rows:min-content;gap:2px 10px;min-width:0;padding-bottom:14px;display:grid}.event>:not(.pip){grid-column:2;min-width:0}.event .pip{background:var(--ink-3);width:7px;height:7px;box-shadow:0 12px 0 -3px var(--line), 0 24px 0 -3px var(--line), 0 36px 0 -3px var(--line);border-radius:999px;grid-row:1/-1;margin-top:5px}.event:last-child .pip{box-shadow:none}.event .kind{color:var(--ink);font-weight:var(--hz-weight-medium)}.group{border:1px solid var(--line);border-left:2px solid var(--hz-accent);border-radius:var(--radius);background:oklch(100% 0 0/.02);padding:10px}.graph{background:radial-gradient(circle at 50% 45%, oklch(100% 0 0/.03), transparent 62%), var(--bg);border:1px solid var(--line);border-radius:var(--radius);width:100%;height:420px;display:block}.graph .edge{stroke:var(--line);stroke-width:1px}.graph .node{fill:var(--surface-2);stroke:var(--hz-input);stroke-width:1px}.graph .node.root{fill:var(--hz-primary);stroke:var(--hz-primary)}.graph text{fill:var(--ink-2);font-size:11px;font-family:var(--hz-font-sans)}.graph text.root{fill:var(--hz-primary-foreground)}.meter{display:block}.meter .track{fill:oklch(100% 0 0/.08)}.meter .fill{fill:var(--hz-primary)}.meter .fill.warning{fill:var(--warning)}.meter .fill.serious{fill:var(--serious)}.meter .fill.critical{fill:var(--critical)}.gate{place-items:center;height:100%;padding:24px;display:grid}.gate .card{text-align:center;width:min(380px,100%)}.gate h1{font-size:var(--hz-text-lg);font-weight:var(--hz-weight-medium);letter-spacing:var(--hz-tracking-tight)}.gate p{color:var(--ink-2);font-size:var(--hz-text-sm);max-width:30ch}.gate button{min-width:180px;height:34px;margin-top:4px}.spin{border:2px solid var(--line);border-top-color:var(--ink-2);border-radius:999px;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation-duration:2.4s}}