.status-shell{--cyan:#50e8ff;--text:#f5f4fa;--green:#61f2a5;--rose:#ff7aa5;min-height:100vh;color:var(--hub-text);font-family:"Bahnschrift","Arial Narrow","Segoe UI",sans-serif;background:radial-gradient(900px 620px at 82% 4%,rgba(154,92,255,.17),transparent 62%),radial-gradient(760px 500px at 6% 32%,rgba(57,230,255,.09),transparent 58%),#06070d}
.status-skip{position:absolute;left:-9999px;top:8px;z-index:100;padding:10px 14px;background:#090a12;border:1px solid var(--cyan);color:var(--text)}
.status-skip:focus{left:12px}
.status-main{width:min(1120px,100%);margin:0 auto;padding:clamp(54px,9vw,112px) 24px 84px}
.status-kicker,.status-label{font:700 .72rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2em;color:var(--cyan)}
.status-kicker{display:flex;align-items:center;gap:10px}
.status-kicker>span{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px rgba(57,230,255,.8)}
.status-main h1{margin:18px 0 20px;font-size:clamp(2.7rem,7vw,5.4rem);line-height:.98;letter-spacing:-.045em}
.status-main h1 em{font-family:Georgia,serif;font-weight:400;color:#d8b5ff}
.status-intro{max-width:70ch;color:#c7c3d7;font-size:1.02rem;line-height:1.8}
.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:42px}
.status-card{min-height:230px;padding:24px;border:1px solid rgba(154,92,255,.3);border-radius:18px;background:linear-gradient(145deg,rgba(19,19,32,.92),rgba(9,10,17,.94));box-shadow:0 16px 48px rgba(0,0,0,.28)}
.status-card[data-state="online"]{border-color:rgba(97,242,165,.42)}
.status-card[data-state="offline"],.status-card[data-state="unknown"]{border-color:rgba(255,122,165,.38)}
.status-label{margin:0 0 22px;color:#bb9aff}
.status-heading{display:flex;align-items:center;gap:12px}
.status-heading h2{font-size:1.22rem;line-height:1.25}
.status-card>p:not(.status-label){color:#aaa7bb;line-height:1.65}
.status-value{display:inline-block;margin-top:12px;color:#9d99ad;font:700 .66rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em}
.status-led{width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:#858194;box-shadow:0 0 12px rgba(133,129,148,.35)}
.status-led.is-online{background:var(--green);box-shadow:0 0 14px rgba(97,242,165,.68)}
.status-led.is-offline{background:var(--rose);box-shadow:0 0 14px rgba(255,122,165,.52)}
.status-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px}
.status-primary,.status-refresh{min-height:48px;padding:13px 18px;border:1px solid rgba(57,230,255,.55);border-radius:9px;background:rgba(57,230,255,.08);color:var(--text);font-family:inherit;font-size:.9rem;font-weight:700;line-height:1.3;cursor:pointer}
.status-primary:hover,.status-refresh:hover{background:rgba(57,230,255,.16);border-color:var(--cyan)}
.status-primary span{margin-left:12px;color:var(--cyan)}
.status-refresh{border-color:rgba(154,92,255,.46);background:transparent}
.status-refresh:disabled{opacity:.55;cursor:wait}
.status-primary:focus-visible,.status-refresh:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.status-footnote{max-width:78ch;color:#868296;font-size:.78rem;line-height:1.65}
.status-footer{max-width:1120px;margin:0 auto;padding-left:24px;padding-right:24px}
.status-footer>div{display:flex;flex-wrap:wrap;gap:18px}
.status-footer a{color:#bbb5ce}
@media(max-width:800px){.status-grid{grid-template-columns:1fr}.status-card{min-height:0}.status-main{padding-top:56px}}
@media(max-width:560px){.status-main{padding-left:18px;padding-right:18px}.status-footer{padding-left:18px;padding-right:18px}.status-actions{align-items:stretch;flex-direction:column}.status-primary,.status-refresh{text-align:center}}