:root{color-scheme:dark;--bg:#090710;--panel:#12101b;--text:#f6f2fb;--muted:#aaa2b8;--border:#292337;--ok:#43dfa0;--warn:#ffbf4a;--bad:#ff657a;--accent:#a66cff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#211333 0,transparent 30%),var(--bg);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,sans-serif}header,footer{max-width:1100px;margin:auto;padding:22px 24px;display:flex;justify-content:space-between;gap:18px;align-items:center}header a{color:inherit;text-decoration:none}header>a{display:flex;gap:12px;align-items:center}header b{letter-spacing:.16em;color:#fff}header span,nav a,footer{color:var(--muted)}nav{display:flex;gap:18px}main{max-width:1100px;margin:auto;padding:34px 24px 70px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.hero h1{font-size:clamp(32px,6vw,64px);margin:0}.hero p{color:var(--muted);max-width:680px}.overall{border:1px solid var(--border);background:rgba(18,16,27,.88);padding:22px;border-radius:22px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{border:1px solid var(--border);background:rgba(18,16,27,.9);padding:20px;border-radius:18px}.service{display:flex;justify-content:space-between;gap:12px;align-items:start}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.ok{color:var(--ok);background:#43dfa017}.warn{color:var(--warn);background:#ffbf4a18}.bad{color:var(--bad);background:#ff657a18}.maint{color:#78c8ff;background:#78c8ff18}.unknown{color:var(--muted);background:#fff1}.bars{display:flex;gap:2px;height:30px;margin:14px 0}.bars i{flex:1;border-radius:2px;background:var(--ok)}.bars i.warn{background:var(--warn)}.bars i.bad{background:var(--bad)}.bars i.maint{background:#78c8ff}.muted{color:var(--muted)}.incident{display:block;color:inherit;text-decoration:none;border-top:1px solid var(--border);padding:14px 0}.incident:first-of-type{border-top:0}.timeline{border-left:2px solid var(--border);padding-left:18px}.timeline article{margin:0 0 20px}.form{display:flex;gap:10px;flex-wrap:wrap}.form input,.form select{background:#0d0b13;border:1px solid var(--border);color:var(--text);padding:11px 12px;border-radius:10px}.form input{flex:1}.form button{border:0;border-radius:10px;padding:11px 16px;background:var(--accent);color:#fff;font-weight:700}footer{border-top:1px solid var(--border)}@media(max-width:720px){header,footer,.hero,.overall{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}nav{flex-wrap:wrap}}
.section-card{margin-top:22px}.response-head{display:flex;justify-content:space-between;gap:12px;margin-top:15px}.spark{display:block;width:100%;height:auto;max-height:95px;margin-top:6px;color:var(--accent)}.graph-empty{height:72px;display:grid;place-items:center;color:var(--muted);font-size:12px;border-bottom:1px solid var(--border)}.small{font-size:12px}.unknownbar{background:#ffffff19!important}
.status-brand{display:flex!important;align-items:center;gap:12px;text-decoration:none}.status-brand img{display:block;width:auto;height:34px;object-fit:contain}.status-brand span{padding-left:12px;border-left:1px solid rgba(255,255,255,.14);color:#cbb6da;font-size:12px;font-weight:700;letter-spacing:.04em}@media(max-width:640px){.status-brand img{height:28px}.status-brand span{font-size:10px}}
