:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0c0f14;--bg-accent:#151b24;--fg:#e8eef7;--muted:#9aa8bc;--line:#e8eef71f;--ok:#3dcf8e;--bad:#ff6b6b;--unknown:#c2a45d;--brand:#7eb6ff;--font:"IBM Plex Sans", "Segoe UI", sans-serif;--display:"IBM Plex Serif", Georgia, serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f4f7fb;--bg-accent:#fff;--fg:#121821;--muted:#5b6b7f;--line:#1218211a}}*{box-sizing:border-box}html,body{min-height:100%;font-family:var(--font);color:var(--fg);background:radial-gradient(1200px 600px at 10% -10%, #7eb6ff2e, transparent 60%), radial-gradient(900px 500px at 90% 0%, #3dcf8e1f, transparent 55%), linear-gradient(180deg, var(--bg), var(--bg-accent));margin:0}a{color:var(--brand);text-decoration:none}.site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg-accent) 90%, transparent)}.site-header nav{flex-wrap:wrap;gap:1rem;width:min(920px,100% - 2rem);margin:0 auto;padding:.9rem 0;display:flex}main{width:min(920px,100% - 2rem);margin:0 auto;padding:4rem 0 5rem}.hero{gap:.75rem;display:grid}.brand{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:clamp(2.4rem,6vw,4rem)}.kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:.75rem}.lead{max-width:38rem;color:var(--muted);margin:.5rem 0 0;line-height:1.6}.meta{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.meta span{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-accent) 80%, transparent);border-radius:999px;padding:.4rem .8rem;font-size:.85rem}.actions{gap:1rem;margin-top:1.75rem;display:flex}.actions a{border:1px solid var(--line);border-radius:.6rem;padding:.7rem 1rem}.actions button,button{font:inherit;color:var(--fg);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:.6rem;padding:.7rem 1rem}label{color:var(--muted);gap:.4rem;font-size:.85rem;display:grid}input{border:1px solid var(--line);min-width:min(22rem,70vw);color:var(--fg);background:var(--bg);font:inherit;border-radius:.6rem;padding:.65rem .75rem}ul{margin:0;padding-left:1.25rem;line-height:1.8}.actions button:disabled,button:disabled{opacity:.5;cursor:not-allowed}progress{width:100%;height:.65rem}.panel{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-accent) 88%, transparent);border-radius:1rem;margin-top:2.5rem;padding:1.25rem}.panel h2{margin:0 0 1rem;font-size:1.1rem}.grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.pill{border:1px solid var(--line);border-radius:.75rem;justify-content:space-between;gap:.5rem;padding:.85rem .95rem;display:flex}.pill-ok{box-shadow:inset 3px 0 0 var(--ok)}.pill-bad{box-shadow:inset 3px 0 0 var(--bad)}.pill-unknown{box-shadow:inset 3px 0 0 var(--unknown)}.pill-label{color:var(--muted)}.pill-state{text-transform:uppercase;font-size:.8rem;font-weight:600}[data-humera-shell] main{width:100%;max-width:none;margin:0;padding:0}body:has([data-humera-shell]){background:var(--hdl-surface-canvas,var(--bg))}