:root{color-scheme:dark;--cyan:#64e8f5;--muted:#8faeba;--line:#214655}body{background:radial-gradient(ellipse at 15% 0%,#103244 0,transparent 50%),linear-gradient(#07131d,#050c13);color:#d8edf2;font-family:system-ui,sans-serif;min-height:100dvh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#67dff504 1px,transparent 1px),linear-gradient(90deg,#67dff504 1px,transparent 1px);background-size:40px 40px;z-index:-1}a{color:var(--cyan)}button,select,input{background:#0b202d;color:#d8edf2;border:1px solid #315868;border-radius:4px}button:hover{background:#173a49;border-color:var(--cyan)}button:disabled{opacity:.45;cursor:not-allowed}input:focus,select:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}header{background:transparent;border-color:var(--line)}h1{letter-spacing:.04em}h2{font-weight:600}.hint,.sub,.muted,.path,footer,.legend,.container-pod,.meter-detail,.container-bottom,.empty{color:var(--muted)}.view-tabs{background:#06121c;border:1px solid var(--line);border-radius:5px}.view-tabs a{color:#9db9c4;border-radius:3px}.view-tabs a[aria-current=page]{background:#153b49;color:#82f3ff;box-shadow:inset 0 -2px #64e8f5}.stat,.panel{background:linear-gradient(135deg,#102532ee,#091720ee);border:1px solid var(--line);border-radius:6px;box-shadow:0 5px 24px #0003}.stat{position:relative;overflow:hidden;color:#94bac8;font-size:12px;letter-spacing:.08em}.stat:after{content:"";position:absolute;width:65px;height:65px;border:1px solid #4bd5e033;border-right:3px solid #64e8f5;border-radius:50%;right:20px;top:22px;transform:rotate(-35deg)}.stat strong{color:#d1faff;font-weight:500;font-size:34px;font-family:ui-monospace,monospace;text-shadow:0 0 20px #60e9ff33}.panel h2:before{content:"";display:inline-block;width:3px;height:12px;background:var(--cyan);margin-right:9px;box-shadow:0 0 8px #64e8f577}.tip,.help-popover,dialog,#detail,details>div{background:#0b1e2bf7;color:#d8edf2;border-color:#315868;box-shadow:0 8px 30px #0007}.container-card{--accent:#62d9b6;background:linear-gradient(140deg,#10352f,#0b2026);border-color:#28574e;border-radius:6px}.container-card.warning{--accent:#ffc571;background:linear-gradient(140deg,#3b301c,#211e17);border-color:#6c5730}.container-card.danger{--accent:#ff8091;background:linear-gradient(140deg,#40222c,#26151e);border-color:#75404d}.container-card.unknown{--accent:#a3b7c6;background:#182530;border-color:#3d5363}.badge{background:#00101c66;color:#a3c7d1}.meter-track{background:#ffffff10}.meter-track.unset{background:repeating-linear-gradient(120deg,#ffffff0c 0 5px,transparent 5px 10px)}.meter-track i{box-shadow:0 0 10px var(--accent)}.container-bottom{border-color:#ffffff12}.alert strong,#message{color:#edc38a}dialog pre{background:#030e16;color:#b8ebdb;border:1px solid var(--line)}#stage{border-color:var(--line);background-image:radial-gradient(#315361 1px,transparent 1px)}#empty{color:var(--muted)}.hud-brand{display:flex;gap:12px;align-items:center;margin-right:auto}.hud-mark{width:36px;height:36px;border:1px solid #64e8f566;border-top:3px solid var(--cyan);border-bottom:3px solid var(--cyan);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 16px #64e8f51c}.hud-mark:after{content:"";width:14px;height:14px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 12px #64e8f577}.hud-brand b{display:block;letter-spacing:.25em;color:#c8f8ff;font-size:17px}.hud-brand small{display:block;font-size:9px;letter-spacing:.18em;color:var(--muted);margin-top:4px}.login-screen{display:grid;place-items:center;padding:30px}.login-shell{display:grid;grid-template-columns:1.2fr 1fr;max-width:960px;width:100%;padding:0;background:#091b26cc;border:1px solid var(--line);border-radius:8px;box-shadow:0 30px 100px #0006;overflow:hidden}.identity{padding:60px 44px;display:flex;align-items:center;flex-direction:column;justify-content:center;background:radial-gradient(circle,#16485a66,transparent 65%);border-right:1px solid var(--line)}.reactor{width:210px;height:210px;position:relative;display:grid;place-items:center;margin:25px 0 35px}.reactor:before,.reactor:after{content:"";position:absolute;inset:0;border:2px solid #64e8f533;border-top:3px solid var(--cyan);border-bottom:3px solid var(--cyan);border-radius:50%;animation:orbit 24s linear infinite}.reactor:after{inset:20px;border:8px double #64e8f577;animation-direction:reverse;border-left-color:transparent}.reactor-core{width:118px;height:118px;border:1px solid #64e8f5;box-shadow:0 0 35px #64e8f533,inset 0 0 35px #64e8f522;border-radius:50%;display:grid;place-items:center;font:24px ui-monospace,monospace;letter-spacing:.15em;color:#bff9ff}.identity h1{font-size:30px;letter-spacing:.3em;margin:0}.identity p{color:var(--muted);font-size:11px;letter-spacing:.17em}.login-form{padding:64px 40px}.eyebrow{font:10px ui-monospace,monospace;letter-spacing:.2em;color:var(--cyan);margin-bottom:20px}.login-form h2{font-size:25px;margin-bottom:10px}.login-form p{color:var(--muted);font-size:13px;line-height:1.7}.login-form label{display:block;font-size:12px;color:#b1cdd7;margin:24px 0 9px}.login-form input{width:100%;padding:13px;font:inherit}.login-form button{width:100%;padding:13px;margin-top:28px;background:#164653;border-color:#4b9fb2;color:#cefbff;font:inherit}.login-form #error{color:#ff92a0;min-height:22px}.login-foot{font:10px ui-monospace,monospace;color:#72929f;margin-top:30px;letter-spacing:.1em}@keyframes orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}@media(max-width:650px){.login-shell{grid-template-columns:1fr;max-width:420px}.identity{padding:28px;border-right:0;border-bottom:1px solid var(--line)}.reactor{width:100px;height:100px;margin:0 0 20px}.reactor:after{inset:10px;border-width:4px}.reactor-core{width:58px;height:58px;font-size:15px}.identity h1{font-size:22px}.identity p{display:none}.login-form{padding:30px}.stat:after{width:36px;height:36px;right:12px;top:32px}.hud-brand{width:100%}}

.identity .reactor h1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;white-space:nowrap;z-index:1;text-shadow:0 0 18px #64e8f555}

.meter-track i{background:color-mix(in srgb,var(--accent) 30%,transparent);border:1px solid color-mix(in srgb,var(--accent) 80%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 18%,transparent)}
