:root{--hn-bg: var(--bg);--hn-panel: var(--panel);--hn-text: var(--text);--hn-muted: var(--text-dim);--hn-logo: #EAB97A;--hn-outline-light: #0f172a;--hn-glow-title-light: 0 0 16px color-mix(in srgb, var(--hn-outline-light) 45%, transparent), 0 0 36px color-mix(in srgb, var(--hn-outline-light) 22%, transparent);--hn-neon-cyan: #12f2c3;--hn-neon-blue: #3b82f6;--hn-neon-violet: #8b5cf6;--hn-up: #16a34a;--hn-warn: #f59e0b;--hn-down: #dc2626;--hn-stroke: 1px;--hn-glow-title: 0 0 20px color-mix(in srgb, var(--hn-logo) 65%, transparent), 0 0 44px color-mix(in srgb, var(--hn-logo) 45%, transparent), 0 0 64px color-mix(in srgb, var(--hn-logo) 25%, transparent);--hn-glow-card: 0 0 0 1px color-mix(in srgb, var(--hn-neon-cyan) 18%, transparent), 0 8px 24px rgba(15, 23, 42, .08);--hn-glow-card-hover: 0 0 0 1px color-mix(in srgb, var(--hn-neon-cyan) 32%, transparent), 0 0 16px color-mix(in srgb, var(--hn-neon-cyan) 14%, transparent), 0 12px 32px rgba(15, 23, 42, .12);--hn-border-soft: rgba(15, 23, 42, .08);--hn-radius: 14px}html[data-mode=dark]{--hn-bg: var(--bg);--hn-panel: var(--panel);--hn-text: var(--text);--hn-muted: var(--text-dim);--hn-logo: #DDA754;--hn-neon-cyan: #4ef6d6;--hn-neon-blue: #7ab8ff;--hn-neon-violet: #a78bfa;--hn-up: #3cd49b;--hn-warn: #f5c04f;--hn-down: #f46b6b;--hn-border-soft: rgba(255, 255, 255, .12);--hn-glow-card: inset 0 0 0 1px color-mix(in srgb, var(--hn-neon-cyan) 10%, transparent), 0 0 0 1px color-mix(in srgb, var(--hn-neon-cyan) 30%, transparent), 0 0 8px color-mix(in srgb, var(--hn-neon-cyan) 22%, transparent), 0 0 24px color-mix(in srgb, var(--hn-neon-cyan) 10%, transparent), 0 8px 24px rgba(0, 0, 0, .25);--hn-glow-card-hover: inset 0 0 0 1px color-mix(in srgb, var(--hn-neon-cyan) 14%, transparent), 0 0 0 1px color-mix(in srgb, var(--hn-neon-cyan) 42%, transparent), 0 0 10px color-mix(in srgb, var(--hn-neon-cyan) 28%, transparent), 0 0 28px color-mix(in srgb, var(--hn-neon-cyan) 14%, transparent), 0 12px 32px rgba(0, 0, 0, .3)}:root{--bg: #f1f6ff;--bg-soft: #e6f3ff;--panel: rgba(255, 255, 255, .92);--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .16);--text: #0f172a;--text-dim: #475569;--accent: #2563eb;--accent-2: #0ea5e9;--accent-3: #f97316;--neon: #12f2c3;--green: #16a34a;--yellow: #f59e0b;--red: #dc2626;--page-bg: linear-gradient(160deg, #eef5ff 0%, #dbe9ff 45%, #e6fff8 100%);--nebula: radial-gradient(520px 420px at 18% 18%, rgba(37, 99, 235, .24), transparent 70%), radial-gradient(620px 520px at 82% 30%, rgba(18, 242, 195, .22), transparent 75%);--grid-overlay: none;--grid-opacity: 0;--nav-bg: rgba(255, 255, 255, .92);--nav-border: rgba(15, 23, 42, .08);--shadow: 0 14px 40px rgba(15, 23, 42, .08);--bg-layer-a: rgba(255, 255, 255, .95);--bg-layer-b: rgba(59, 130, 246, .12);--bg-layer-c: rgba(14, 165, 233, .25)}html[data-mode=dark]{--bg: #05070f;--bg-soft: rgba(255, 255, 255, .05);--panel: rgba(12, 14, 20, .9);--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .22);--text: #e9f1ff;--text-dim: #a9b7ce;--accent: #7ab8ff;--accent-2: #ffb07b;--accent-3: #8be0ff;--neon: #4ef6d6;--green: #3cd49b;--yellow: #f5c04f;--red: #f46b6b;--page-bg: radial-gradient(980px 680px at 18% 70%, rgba(122, 184, 255, .32), transparent 55%), radial-gradient(1080px 780px at 78% 6%, rgba(78, 246, 214, .24), transparent 52%), linear-gradient(190deg, #04070f 0%, #071021 45%, #0a1832 100%);--nebula: radial-gradient(660px 540px at 18% 64%, rgba(122, 184, 255, .4), transparent 70%), radial-gradient(740px 620px at 82% 16%, rgba(78, 246, 214, .28), transparent 75%), radial-gradient(840px 660px at 50% 84%, rgba(255, 255, 255, .1), transparent 80%);--grid-overlay: repeating-linear-gradient( 135deg, rgba(122, 184, 255, .12) 0, rgba(122, 184, 255, .12) 1px, transparent 1px, transparent 12px ), repeating-linear-gradient( 45deg, rgba(255, 176, 123, .12) 0, rgba(255, 176, 123, .12) 1px, transparent 1px, transparent 14px );--grid-opacity: .06;--nav-bg: rgba(6, 8, 14, .92);--nav-border: rgba(255, 255, 255, .12);--shadow: 0 18px 42px rgba(0, 0, 0, .36)}*{box-sizing:border-box}html[data-mode=light]{color-scheme:light;--bg-layer-a: rgba(255, 255, 255, .92);--bg-layer-b: rgba(190, 237, 255, .32);--bg-layer-c: rgba(37, 99, 235, .22)}html[data-mode=dark]{color-scheme:dark;--bg-layer-a: rgba(7, 11, 25, .96);--bg-layer-b: rgba(2, 6, 23, .9);--bg-layer-c: rgba(84, 97, 241, .28)}html,body{min-height:100%}html{margin:0;padding:0;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:color .32s ease;background:var(--page-bg);background-color:var(--bg)}body{margin:0;padding:0;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.45;min-height:100vh;min-height:100svh;min-height:100dvh;transition:color .32s ease;position:relative;background:transparent;background-color:transparent}html:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:var(--grid-overlay);background-size:260px 260px,260px 260px;opacity:var(--grid-opacity);mix-blend-mode:soft-light;z-index:0;transition:opacity .32s ease}html[data-mode=light]:before{mix-blend-mode:normal}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;background-repeat:no-repeat;background-size:cover;transition:opacity .65s ease,filter .65s ease;will-change:opacity}body:before{opacity:1;z-index:-2;background:radial-gradient(900px 600px at 15% 10%,rgba(120,170,255,.22),transparent 60%),radial-gradient(800px 520px at 85% 25%,rgba(255,120,200,.14),transparent 62%),radial-gradient(900px 650px at 40% 95%,rgba(120,255,220,.1),transparent 65%),linear-gradient(135deg,#fafafc,#f4f6fc 45%,#e8ecf8);filter:saturate(1.05)}body:after{opacity:0;z-index:-1;background:radial-gradient(900px 600px at 18% 12%,rgba(120,170,255,.2),transparent 62%),radial-gradient(900px 700px at 85% 30%,rgba(180,120,255,.14),transparent 64%),radial-gradient(1000px 700px at 45% 110%,rgba(80,255,220,.1),transparent 65%),linear-gradient(135deg,#0a0c14,#0c0e1c 40%,#060812);filter:saturate(1.1)}html[data-mode=light] body:before{opacity:1}html[data-mode=light] body:after{opacity:0}html[data-mode=dark] body:before{opacity:0}html[data-mode=dark] body:after{opacity:1}@media(prefers-reduced-motion:reduce){body:before,body:after{transition:none}}.wrap{max-width:1100px;margin:0 auto;padding:48px 20px 96px;position:relative;z-index:1}.system-health-banner{margin:24px 0 28px;padding:16px 20px;border-radius:14px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-weight:600;box-shadow:0 18px 38px #0f172a1f;transition:background .24s ease,border-color .24s ease,color .24s ease}.system-health-banner[data-state=operational]{border-color:#22c55e73;background:linear-gradient(120deg,#10b98129,#10b9810a);color:var(--green)}.system-health-banner[data-state=degraded]{border-color:#f9731673;background:linear-gradient(130deg,#f9731629,#f973160a);color:#b45309}.system-health-banner[data-state=partial-outage]{border-color:#ef44448c;background:linear-gradient(130deg,#ef444429,#ef44440d);color:var(--red)}.system-health-banner[data-state=major-outage]{border-color:#dc2626b3;background:linear-gradient(140deg,#dc26263d,#dc262614);color:var(--red)}.top-nav{position:sticky;top:0;width:100%;z-index:20;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);backdrop-filter:blur(6px);padding-top:6px;transition:background-color .32s ease,border-color .32s ease}.nav-inner{max-width:1100px;margin:0 auto;padding:8px 20px;display:flex;flex-direction:row;align-items:center;gap:18px}.nav-brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;color:var(--text);transition:color .32s ease}.nav-head{display:flex;align-items:center;width:auto;gap:12px}.nav-logo{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:0}.nav-logo svg{width:48px;height:48px;display:block;transform:scale(1.5);transform-origin:center;overflow:visible}.nav-logo img{width:100px;height:100px;display:block;object-fit:contain;transform:scale(1.5);transform-origin:center}.brand-label{font-weight:700;letter-spacing:-.01em}.brand-sub{color:var(--text-dim);font-size:.85rem;margin-top:2px}.nav-actions{display:flex;align-items:center;gap:12px}.menu-toggle{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(145deg,#ffffff2e,#ffffff0a);color:var(--text);align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;margin-left:auto}.menu-toggle:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:0 10px 24px #00000014}.menu-toggle .bars{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}.menu-toggle span{display:block;width:18px;height:2px;border-radius:999px;background:currentColor}.nav-links{display:flex;gap:10px;background:transparent;align-self:center;margin-left:auto}.nav-links a{display:inline-flex;align-items:center;padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--text-dim);font-weight:600;border:1px solid transparent;transition:color .14s ease,background .14s ease,border-color .14s ease}.nav-links a:hover{color:var(--text);background:var(--bg-soft);border-color:var(--border)}.nav-links button.nav-theme{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;border:1px solid transparent;background:transparent;color:var(--text-dim);font-weight:600;border-radius:10px;padding:8px 12px;cursor:pointer;transition:color .14s ease,background .14s ease,border-color .14s ease}.nav-links button.nav-theme:hover{color:var(--text);background:var(--bg-soft);border-color:var(--border)}.nav-links .nav-theme svg{width:18px;height:18px;stroke:currentColor}.nav-theme .icon-sun{display:inline}.nav-theme .icon-moon,html[data-mode=dark] .nav-theme .icon-sun{display:none}html[data-mode=dark] .nav-theme .icon-moon{display:inline}.mast{margin-bottom:32px}.mast h1{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:3.25rem;margin:0 0 10px;letter-spacing:-.02em;color:var(--hn-text);-webkit-text-stroke:var(--hn-stroke) var(--hn-logo);text-shadow:var(--hn-glow-title);paint-order:stroke fill;position:relative;display:inline-block}.mast h1:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--hn-logo),var(--hn-neon-blue),var(--hn-neon-violet));opacity:.7}html[data-mode=light] .mast h1{color:var(--hn-logo);-webkit-text-stroke:var(--hn-stroke) var(--hn-outline-light);text-shadow:var(--hn-glow-title-light);paint-order:stroke fill}html[data-mode=light] .mast h1:after{opacity:.6}.mast p{margin:0;color:var(--text-dim);font-size:1rem}html[data-mode=light] body:before{background:linear-gradient(180deg,#fafbfc,#f5f6f8,#f8f9fb);filter:none}html[data-mode=light] .mast h1{color:var(--hn-logo);-webkit-text-stroke:.5px var(--hn-outline-light);text-shadow:0 1px 2px rgba(15,23,42,.08)}html[data-mode=light] .mast h1:after{height:2px;bottom:-6px;background:linear-gradient(90deg,color-mix(in srgb,var(--hn-logo) 55%,white),color-mix(in srgb,var(--hn-neon-blue) 40%,white),color-mix(in srgb,var(--hn-neon-violet) 40%,white));opacity:.45}html[data-mode=light] .mast p{color:#64748b}.banner{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(145deg,#ffffff14,#ffffff05),var(--panel);box-shadow:var(--shadow);margin-bottom:28px}.banner.ok{border-color:#22c55e66;background:linear-gradient(135deg,#22c55e2e,#ffffff05);display:none}.banner.warn{border-color:#facc1580;background:linear-gradient(135deg,#facc152e,#ffffff05)}.banner.down{border-color:#ef444480;background:linear-gradient(135deg,#ef44442e,#ffffff05)}.banner strong{font-weight:600}.banner ul{margin:0;padding-left:18px;color:var(--text-dim);font-size:.9rem}.banner li{margin:3px 0}.last-checked{margin:-8px 0 14px;color:var(--text-dim);font-size:.9rem}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{position:relative;padding:18px 18px 16px;border-radius:var(--hn-radius);background:linear-gradient(180deg,#ffffff14,#ffffff08),var(--hn-panel);border:1px solid var(--hn-border-soft);box-shadow:var(--hn-glow-card);transition:background-color .32s ease,border-color .32s ease,box-shadow .32s ease,transform .2s ease}.card:hover{box-shadow:var(--hn-glow-card-hover);transform:translateY(-2px)}html[data-mode=dark] .card:hover,html[data-mode=dark] .chart-card:hover{transform:translateY(-3px)}.card.up{border-color:#25e29b8c;box-shadow:0 0 0 1px #25e29b2e,var(--shadow)}.card.warn{border-color:#f59e0bb3;box-shadow:0 0 0 1px #f59e0b38,var(--shadow)}.card.down{border-color:#f052528c;box-shadow:0 0 0 1px #f0525233,var(--shadow)}.card.disabled{border-color:#94a3b8a6;box-shadow:0 0 0 1px #94a3b840,var(--shadow)}.card h3{margin:0 0 8px;font-size:1.05rem;font-weight:600}.meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.pill{font-size:.8rem;padding:5px 12px;border-radius:999px;border:1px solid var(--border);color:var(--text);background:transparent;box-shadow:none;transition:background-color .32s ease,border-color .32s ease,color .32s ease}.pill.up{color:#14532d;border-color:#16a34ab3;background:transparent;font-weight:800}html[data-mode=dark] .pill.up{color:#fff;border-color:#22c55ed9;text-shadow:0 0 8px rgba(34,197,94,.5);box-shadow:inset 0 0 0 1px #22c55e33}.pill.warn{color:#92400e;border-color:#f59e0bb3;background:transparent;font-weight:800}.pill.down{color:#ff5f5fe6;border-color:#ef4444f2;background:transparent;font-weight:800;text-shadow:0 0 8px rgba(239,68,68,.35)}.pill.coming-soon{color:#92400ef2;border-color:#f59e0bf2;background:#f59e0b1f;font-weight:700;font-size:.72rem;padding:5px 12px;letter-spacing:.02em;line-height:1;display:inline-flex;align-items:center;justify-content:center}html[data-mode=dark] .pill.coming-soon{color:#ffffffeb;border-color:#fbbf24e6;background:#fbbf2438;text-shadow:0 0 8px rgba(251,191,36,.3)}.pill.http-2xx{color:#14532d;border-color:#16a34ab3;background:transparent;font-weight:600}html[data-mode=dark] .pill.http-2xx{color:#fff;border-color:#22c55ed9;text-shadow:0 0 8px rgba(34,197,94,.5);box-shadow:inset 0 0 0 1px #22c55e33}.pill.http-4xx{color:#ff5f5fe6;border-color:#ef4444f2;background:transparent;font-weight:600}html[data-mode=dark] .pill.http-4xx{color:#ff5f5ff2;text-shadow:0 0 8px rgba(239,68,68,.35)}.pill.http-5xx{color:#ff5f5fe6;border-color:#ef4444f2;background:transparent;font-weight:600;text-shadow:0 0 8px rgba(239,68,68,.35),0 0 14px rgba(239,68,68,.25)}html[data-mode=dark] .pill.http-5xx{color:#ff5f5ff2;text-shadow:0 0 10px rgba(239,68,68,.5),0 0 20px rgba(239,68,68,.3)}.window-inline{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.window-pill-inline{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0f}.window-inline-value{font-size:.85rem;font-weight:500;color:var(--text)}.window-inline-meta{font-size:.75rem;color:var(--text-dim)}.endpoint{margin-top:10px;font-size:.8rem;color:var(--text-dim);display:flex;flex-wrap:wrap;gap:8px;align-items:center}.endpoint code,.endpoint-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text);background:#ffffff0d;padding:2px 6px;border-radius:6px}.endpoint a{color:var(--accent-2);text-decoration:none;font-weight:600}.endpoint a:hover{text-decoration:underline}.footer{margin-top:48px;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;font-size:.9rem;color:var(--text-dim);line-height:1.5;padding:12px 0 4px;border-top:1px solid var(--border);transition:color .32s ease,border-color .32s ease}.footer a{color:var(--accent-2);text-decoration:none}.footer .divider{color:var(--border-strong)}.footer a:hover{text-decoration:underline}.chart-card{margin:28px 0 22px;padding:18px;border-radius:var(--hn-radius);border:1px solid var(--hn-border-soft);background:var(--hn-panel);box-shadow:var(--hn-glow-card);position:relative;z-index:1;transition:background-color .32s ease,border-color .32s ease,box-shadow .32s ease,transform .2s ease}.chart-card:hover{box-shadow:var(--hn-glow-card-hover);transform:translateY(-2px)}.chart-head{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:baseline;margin-bottom:14px}.latency-loading{position:absolute;top:0;left:0;right:0;padding:12px 18px 10px;background:var(--panel);border-radius:var(--hn-radius) var(--hn-radius) 0 0;z-index:2}.latency-loading[hidden]{display:none}.latency-loading-bar{height:3px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:8px}.latency-loading-bar:after{content:"";display:block;height:100%;width:40%;background:var(--accent);border-radius:2px;animation:latency-loading-shift 1.2s ease-in-out infinite}@keyframes latency-loading-shift{0%{transform:translate(-100%)}to{transform:translate(350%)}}.latency-loading-text{margin:0;font-size:.9rem;color:var(--text-dim)}.snapshot-meta{display:grid;gap:10px;margin-bottom:6px}.chart-card .banner,.chart-card .last-checked{margin:0}.chart-meta{display:grid;gap:8px;justify-items:end}.chart-head h2{margin:2px 0 0;font-size:1.4rem;letter-spacing:-.01em}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--text-dim)}.note{margin:0;color:var(--text-dim);font-size:.9rem}.latency-controls{display:inline-flex;gap:6px;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#00000026;flex-wrap:wrap;justify-content:center}.segBtn{appearance:none;border:0;cursor:pointer;padding:8px 12px;border-radius:999px;background:transparent;color:inherit;opacity:.8;font-weight:600;transition:opacity .15s ease,background .15s ease,transform .15s ease}.segBtn:hover{opacity:1;transform:translateY(-1px)}.segBtn.isActive{opacity:1;background:#ffffff1f}.latency-window-output{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.window-title{display:flex;align-items:center;gap:10px;font-weight:600}.window-pill{padding:4px 10px;border-radius:999px;background:#ffffff0f;border:1px solid var(--border);font-size:.75rem;letter-spacing:.08em}.window-grid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.window-item{display:grid;gap:6px;padding:16px 18px;border-radius:12px;border:1px solid var(--border);background:var(--panel);transition:background-color .32s ease,border-color .32s ease,box-shadow .32s ease}html[data-mode=dark] .window-item.up{border-color:#25e29b8c;box-shadow:0 0 0 1px #25e29b2e,var(--shadow)}html[data-mode=dark] .window-item.warn{border-color:#f59e0bb3;box-shadow:0 0 0 1px #f59e0b38,var(--shadow)}html[data-mode=dark] .window-item.down{border-color:#f052528c;box-shadow:0 0 0 1px #f0525233,var(--shadow)}html[data-mode=dark] .window-item.disabled{border-color:#94a3b899;box-shadow:0 0 0 1px #94a3b838,var(--shadow)}.window-item.up{border-color:#25e29b8c;box-shadow:0 0 0 1px #25e29b2e,var(--shadow)}.window-item.warn{border-color:#f59e0bb3;box-shadow:0 0 0 1px #f59e0b38,var(--shadow)}.window-item.down{border-color:#f052528c;box-shadow:0 0 0 1px #f0525233,var(--shadow)}.window-item.disabled{border-color:#94a3b899;box-shadow:0 0 0 1px #94a3b838,var(--shadow)}.window-name{font-size:.95rem;color:var(--text-dim)}.window-value{font-size:1.2rem;font-weight:500}.window-meta{font-size:.85rem;color:var(--text-dim)}.bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px}.bar-col{display:grid;grid-template-rows:120px auto auto;gap:6px;justify-items:center}.bar{width:112px;border-radius:12px 12px 8px 8px;background:linear-gradient(180deg,#ffffff26,#ffffff0a);border:1px solid var(--border-strong);transition:transform .15s ease,box-shadow .15s ease,background-color .32s ease,border-color .32s ease;align-self:end}.latBar{position:relative;overflow:visible;border-radius:6px;background:transparent!important;border:none!important;box-shadow:none!important;filter:none!important;transition:color .32s ease}.latBar *{pointer-events:none}.latBar:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:#94a3b859}.telemetry-bars{position:absolute;height:44px;bottom:12px;left:10%;right:10%;display:flex;align-items:flex-end;gap:6px;z-index:2}.telemetry-bar{width:8px;height:100%;border-radius:999px;background:currentColor;opacity:.9;transform-origin:bottom;transform:scaleY(.95);filter:drop-shadow(0 0 6px rgba(0,0,0,.35))}.latBar.healthy{background:transparent;color:#22c55e;--pulse: 2.6s}.latBar.degraded{background:transparent;color:#f59e0b;--pulse: 1.8s}.latBar.poor{background:transparent;color:#ef4444;--pulse: 1.3s}.latBar.healthy .telemetry-bar{background:linear-gradient(180deg,#22c55e,#16a34a 55%,#14532d)}.latBar.degraded .telemetry-bar{background:linear-gradient(180deg,#f59e0b,#d97706 45%,#22c55e 80%,#14532d)}.latBar.poor .telemetry-bar{background:linear-gradient(180deg,#ef4444,#b91c1c 28%,#f59e0b 55%,#22c55e 80%,#14532d)}.latBar.down{background:transparent;color:#991b1b;--pulse: .9s}.latBar.disabled{background:transparent;color:#64748b;--pulse: 2.4s}.latBar.down .telemetry-bar{animation-duration:.9s;background:linear-gradient(180deg,#991b1b,#ef4444 35%,#f59e0b,#22c55e 85%,#14532d)}.latBar.disabled .telemetry-bar{animation-duration:2.4s;background:linear-gradient(180deg,#94a3b8,#64748b 55%,#475569)}.bar.up{box-shadow:0 0 0 1px #22c55e80,0 8px 20px #22c55e38;background:linear-gradient(180deg,#22c55e4d,#22c55e0d)}.bar.warn{box-shadow:0 0 0 1px #f59e0b80,0 8px 20px #f59e0b38;background:linear-gradient(180deg,#f59e0b47,#f59e0b0f)}.bar.down{box-shadow:0 0 0 1px #ef444480,0 8px 20px #ef444438;background:linear-gradient(180deg,#ef44444d,#ef44440d)}.bar-col:hover .bar{box-shadow:0 10px 24px #0f172a40}html[data-mode=light] .latency-controls{background:#e5e7eb;border-color:#d1d5db}html[data-mode=light] .segBtn{color:#1f2937}html[data-mode=light] .segBtn.isActive{background:#f8fafc}html[data-mode=light] .window-pill{background:#0f172a14}.bar-name{font-size:.85rem;color:var(--text);text-align:center}.bar-value{font-size:.8rem;color:var(--text-dim)}.workflow-section{margin-top:32px}.workflow-card{border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0f,#ffffff05),var(--panel);box-shadow:var(--shadow);overflow:hidden;transition:background-color .32s ease,border-color .32s ease,box-shadow .32s ease}html[data-mode=dark] .workflow-card{border-color:var(--hn-border-soft);box-shadow:var(--hn-glow-card);transition:background-color .32s ease,border-color .32s ease,box-shadow .32s ease,transform .2s ease}html[data-mode=dark] .workflow-card:hover{box-shadow:var(--hn-glow-card-hover);transform:translateY(-3px)}.workflow-summary{padding:16px 18px;border-bottom:1px solid var(--border);font-weight:600;transition:color .32s ease,border-color .32s ease}.workflow-list{display:grid}.workflow-item{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:16px 18px;align-items:center;border-top:1px solid var(--border);transition:color .32s ease,border-color .32s ease}.workflow-item:first-child{border-top:none}.workflow-dot{width:18px;height:18px;border-radius:50%;background:#22c55ed9;box-shadow:0 0 0 4px #22c55e33}.workflow-dot.failure,.workflow-dot.cancelled{background:#ef4444d9;box-shadow:0 0 0 4px #ef444433}.workflow-dot.in_progress,.workflow-dot.queued{background:#f59e0bd9;box-shadow:0 0 0 4px #f59e0b33}.workflow-text{display:grid;gap:4px}.workflow-text strong{font-size:1.05rem}.workflow-text span{color:var(--text-dim)}.workflow-date{font-size:.85rem;color:var(--text-dim)}.not-found{min-height:calc(100vh - 180px);display:flex;align-items:center;justify-content:center;text-align:center}.not-found-card{position:relative;max-width:720px;padding:32px 28px;border-radius:20px;border:1px solid var(--border);background:linear-gradient(145deg,#ffffff14,#ffffff08),var(--panel);box-shadow:var(--shadow);overflow:hidden}.not-found-card:after{content:"";position:absolute;width:220px;height:220px;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 45%,transparent),transparent 70%);opacity:.25;filter:blur(6px);right:-80px;top:-60px;pointer-events:none}.not-found-card h1{margin:10px 0 12px;font-size:2.4rem;letter-spacing:-.02em}.not-found-card p{margin:0 auto;max-width:520px;color:var(--text-dim);font-size:1rem;line-height:1.6}.not-found-actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;font-weight:700;text-decoration:none;border:1px solid transparent;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#1d4ed8,#0ea5e9);box-shadow:0 10px 30px #1e40af47;border-color:#1e40af52}.btn-ghost{color:var(--text);border-color:var(--border);background:var(--bg-soft)}html[data-mode=dark] .btn-ghost{background:#ffffff0d}@media(max-width:820px){.nav-inner{flex-direction:column;align-items:stretch;gap:8px 14px}.menu-toggle{display:inline-flex}.nav-links{display:none;width:100%;flex-direction:column;gap:8px;padding:6px 0 2px;background:transparent;align-self:flex-start}.nav-links.open{display:flex}.nav-links a,.nav-links button.nav-theme{width:100%;justify-content:flex-start}.theme-toggle{margin-left:auto}}@media(max-width:640px){.wrap{padding:36px 16px 72px}.mast h1{font-size:2.5rem}.chart-meta{justify-items:start}.latency-controls{width:100%;justify-content:flex-start}.card,.chart-card,.banner{padding:14px}.bars{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.nav-links a{padding:6px 10px}.not-found{min-height:calc(100vh - 140px)}.not-found-card{padding:26px 20px}}