:root { color-scheme:dark; --nx-bg:#090909; --nx-bg-subtle:#0f0f0f; --nx-surface:#141414; --nx-surface-raised:#1a1a1a; --nx-text:#e8e8e8; --nx-text-muted:#a3a3a3; --nx-text-subtle:#737373; --nx-border:rgba(255,255,255,.075); --nx-accent:#4dceba; --nx-success:#3dd68c; --nx-success-muted:rgba(61,214,140,.14); --nx-warning:#f5a623; --nx-warning-muted:rgba(245,166,35,.14); --nx-danger:#eb5757; --nx-danger-muted:rgba(235,87,87,.14); --nx-radius-sm:6px; --nx-radius-lg:12px; --nx-font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-family:var(--nx-font-sans); }
* { box-sizing:border-box; }
html { background:var(--nx-bg); }
body { min-width:320px; margin:0; color:var(--nx-text); background:linear-gradient(180deg,var(--nx-bg-subtle),var(--nx-bg) 320px); font-size:15px; line-height:1.5; }
a { color:inherit; text-decoration:none; }
.page-shell,.site-header,.site-footer { width:min(100% - 40px, 760px); margin-inline:auto; }
.site-header { height:100px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; gap:9px; align-items:center; font-size:16px; font-weight:600; letter-spacing:-.02em; }.brand em { color:var(--nx-text-muted); font-style:normal; font-weight:400; }.brand-mark { width:25px; height:25px; }.site-link { color:var(--nx-text-muted); font-size:13px; transition:color .18s ease; }.site-link:hover { color:var(--nx-text); }
.hero { min-height:184px; padding:29px 32px; overflow:hidden; position:relative; border:1px solid var(--nx-border); border-radius:var(--nx-radius-lg); background:var(--nx-surface); }.hero-kicker { display:flex; align-items:center; gap:10px; margin-bottom:9px; }.hero-orb { display:block; width:8px; height:8px; position:relative; flex:0 0 auto; border-radius:50%; background:var(--nx-success); box-shadow:0 0 0 5px var(--nx-success-muted); }.hero-orb::after { content:""; width:100%; height:100%; position:absolute; border-radius:inherit; background:inherit; animation:pulse 2.6s ease-out infinite; }
html[data-state="outage"] .hero-orb { background:var(--nx-danger); box-shadow:0 0 0 5px var(--nx-danger-muted); } html[data-state="degraded"] .hero-orb,html[data-state="maintenance"] .hero-orb { background:var(--nx-warning); box-shadow:0 0 0 5px var(--nx-warning-muted); }
.eyebrow { margin:0; color:var(--nx-accent); font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }.hero h1 { margin:0; max-width:530px; font-size:clamp(26px,4vw,32px); font-weight:500; letter-spacing:-.035em; line-height:1.15; }.hero-description { margin:8px 0 0; color:var(--nx-text-muted); font-size:14px; }.last-updated { margin:18px 0 0; color:var(--nx-text-subtle); font-size:11px; }
.section { padding-top:64px; }.section-heading { margin-bottom:17px; }.section-heading h2 { margin:0; font-size:17px; font-weight:600; letter-spacing:-.015em; }.section-heading p { margin:5px 0 0; color:var(--nx-text-muted); font-size:13px; }
.active-incident { min-height:62px; margin-top:20px; padding:12px 16px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:11px; border:1px solid rgba(235,87,87,.38); border-radius:var(--nx-radius-lg); color:var(--nx-text); background:rgba(235,87,87,.08); }.active-incident--maintenance,.active-incident--monitoring { border-color:rgba(245,166,35,.38); background:rgba(245,166,35,.08); }.active-incident__icon { display:grid; width:22px; height:22px; place-items:center; border-radius:50%; color:var(--nx-danger); background:var(--nx-danger-muted); font-size:13px; font-weight:700; }.active-incident--maintenance .active-incident__icon,.active-incident--monitoring .active-incident__icon { color:var(--nx-warning); background:var(--nx-warning-muted); }.active-incident strong,.active-incident small { display:block; }.active-incident strong { font-size:13px; font-weight:600; }.active-incident small { margin-top:2px; color:var(--nx-text-muted); font-size:12px; }.active-incident__arrow { color:var(--nx-text-muted); font-size:17px; }
.component-list,.incident-list { margin:0; padding:0; list-style:none; border:1px solid var(--nx-border); border-radius:var(--nx-radius-lg); overflow:hidden; background:var(--nx-surface); }.component { min-height:57px; padding:0 21px; display:grid; grid-template-columns:190px minmax(90px,1fr) auto; align-items:center; gap:18px; border-bottom:1px solid var(--nx-border); }.component:last-child { border:0; }.component-name { display:flex; min-width:0; align-items:center; gap:8px; font-size:13px; font-weight:500; white-space:nowrap; }.component-symbol { display:grid; flex:0 0 auto; width:16px; height:16px; place-items:center; border-radius:50%; color:var(--nx-success); background:var(--nx-success-muted); font-size:10px; font-style:normal; font-weight:700; }.component-symbol--degraded,.component-symbol--maintenance { color:var(--nx-warning); background:var(--nx-warning-muted); }.component-symbol--outage { color:var(--nx-danger); background:var(--nx-danger-muted); }.status { display:inline-flex; align-items:center; gap:7px; color:var(--nx-text-muted); font-size:12px; white-space:nowrap; }.status i { display:block; width:7px; height:7px; border-radius:50%; background:var(--nx-success); }.status--degraded i,.status--maintenance i { background:var(--nx-warning); }.status--outage i { background:var(--nx-danger); }.status--resolved i { background:var(--nx-text-subtle); }
.uptime { min-width:0; }.uptime-cells { display:grid; grid-template-columns:repeat(90,minmax(2px,1fr)); gap:2px; width:100%; }.uptime-cell { height:10px; border-radius:1px; background:var(--nx-surface-raised); }.uptime-cell--operational { background:var(--nx-success); }.uptime-cell--degraded,.uptime-cell--maintenance { background:var(--nx-warning); }.uptime-cell--outage { background:var(--nx-danger); }
.incidents-section { padding-bottom:64px; }.empty-state { min-height:84px; padding:18px 20px; display:flex; align-items:center; gap:12px; border:1px solid var(--nx-border); border-radius:var(--nx-radius-lg); background:var(--nx-surface); }.empty-check { display:grid; flex:0 0 auto; width:30px; height:30px; place-items:center; border-radius:50%; color:var(--nx-success); background:var(--nx-success-muted); font-size:13px; font-weight:700; }.empty-state h3 { margin:0; font-size:13px; font-weight:600; }.empty-state p { margin:2px 0 0; color:var(--nx-text-muted); font-size:12px; }
.incident { padding:24px; border-bottom:1px solid var(--nx-border); }.incident:last-child { border:0; }.incident-summary { display:flex; justify-content:space-between; gap:20px; }.incident h3 { margin:11px 0 5px; font-size:16px; font-weight:600; }.incident-summary p { margin:0; color:var(--nx-text-muted); font-size:13px; }.incident-summary a { align-self:center; color:var(--nx-accent); font-size:13px; white-space:nowrap; }.incident-updates { margin:24px 0 0; padding:0 0 0 19px; border-left:1px solid var(--nx-border); list-style:none; }.incident-updates li { position:relative; padding:0 0 22px 18px; }.incident-updates li:last-child { padding-bottom:0; }.incident-updates li::before { content:""; width:7px; height:7px; position:absolute; left:-4px; top:6px; border-radius:50%; background:var(--nx-surface-raised); border:1px solid var(--nx-text-subtle); }.incident-updates time { display:block; color:var(--nx-text-subtle); font-size:12px; }.incident-updates strong { display:block; margin-top:5px; font-size:13px; font-weight:600; }.incident-updates p { margin:4px 0 0; color:var(--nx-text-muted); font-size:13px; }
.site-footer { min-height:88px; padding-bottom:30px; display:flex; align-items:center; justify-content:center; color:var(--nx-text-subtle); font-size:12px; }
@keyframes pulse { to { transform:scale(3); opacity:0; } } @media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; } }
@media (max-width:560px) { .page-shell,.site-header,.site-footer { width:min(100% - 32px,760px); }.site-header { height:78px; }.site-link { font-size:12px; }.hero { min-height:170px; padding:26px 24px; }.section { padding-top:48px; }.active-incident { margin-top:16px; }.component { min-height:70px; padding:14px 16px; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; gap:9px 14px; }.component-name { grid-column:1; }.status { grid-column:2; }.uptime { grid-column:1 / -1; }.uptime-cells { gap:2px; }.uptime-cell { height:7px; }.incident { padding:20px 16px; }.incident-summary { display:block; }.incident-summary a { display:inline-block; margin-top:15px; }.site-footer { min-height:78px; padding:21px 0; } }
html[data-state="unknown"] .hero-orb { background:var(--nx-text-subtle); box-shadow:0 0 0 5px rgba(115,115,115,.14); }
.component-symbol--unknown { color:var(--nx-text-subtle); background:rgba(115,115,115,.14); }
.status--unknown i { background:var(--nx-text-subtle); }