:root{color-scheme:dark;--bg:#0b0d10;--card:#12161a;--line:#1c2126;--fg:#d7dce1;--hi:#fff;--mut:#8b949e;
--dim:#6b7580;--acc:#4da3ff;--ok:#3fb950;--warn:#d29922}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
display:flex;flex-direction:column;min-height:100vh;-webkit-font-smoothing:antialiased}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
header{padding:22px 40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:18px;color:var(--hi);letter-spacing:.3px}
.brand:hover{text-decoration:none}.brand em{font-style:normal;color:var(--acc)}.brand svg{flex:none}
nav a{color:#9aa4ad;margin-left:28px;font-size:14px}nav a:first-child{margin-left:0}
nav a:hover,nav a[aria-current]{color:var(--hi);text-decoration:none}
main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:56px 40px 90px}
h1{font-size:28px;color:var(--hi);margin:0 0 6px;font-weight:600}
h2{font-size:13px;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;margin:44px 0 14px;font-weight:600}
.subtitle{color:var(--mut);margin:0 0 36px}
.banner{display:flex;align-items:center;gap:12px;background:rgba(63,185,80,.08);border:1px solid rgba(63,185,80,.3);
border-radius:10px;padding:16px 22px;color:var(--hi);font-weight:500;margin-bottom:22px}
.banner::before{content:'';width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(63,185,80,.18)}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px}
.comp{padding:20px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line)}
.comp:first-child{border-top:0}
.comp .name{color:var(--hi);font-weight:500}.comp .sub{color:var(--dim);font-size:13px;margin-top:3px}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:5px 12px;border-radius:20px;
background:rgba(63,185,80,.12);color:var(--ok);white-space:nowrap}
.badge::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.uptime{padding:20px 26px}.bars{display:flex;gap:2px;height:34px}
.bars i{flex:1;border-radius:2px;background:var(--ok);opacity:.85}.bars i.w{background:var(--warn)}.bars i:hover{opacity:1}
.axis{display:flex;justify-content:space-between;color:var(--dim);font-size:12px;margin-top:8px}
.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}
.meta div{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:16px 18px}
.meta b{display:block;font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-weight:500}
.meta span{font-size:16px;color:#e6edf3;font-weight:500}
.inc{padding:18px 26px;border-top:1px solid var(--line)}.inc:first-child{border-top:0}
.inc .name{color:var(--hi);font-weight:500}.inc p{margin:4px 0 0;color:var(--mut);font-size:14px}
.inc time{color:var(--dim);font-size:13px}
table{width:100%;border-collapse:collapse}
th{text-align:left;font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-weight:500;padding:14px 20px;border-bottom:1px solid var(--line)}
td{padding:14px 20px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}
td code{white-space:nowrap;font:13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--hi)}
tr.me td{background:rgba(77,163,255,.06)}.you{color:var(--acc);font-size:12px;margin-left:8px}
.e404{text-align:center;padding:40px 0}.e404 .code{font-size:88px;line-height:1;font-weight:700;color:var(--line);margin:0 0 18px}
.e404 p{color:var(--mut)}.e404 code{font:13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--dim)}
footer{text-align:center;padding:30px 20px;color:#565f68;font-size:13px;border-top:1px solid var(--line)}
@media(max-width:640px){header{padding:18px 16px}nav a{margin-left:18px}main{padding:36px 16px 60px}
.comp,.uptime,.inc{padding:16px 18px}th,td{padding:12px 10px}.hide-sm{display:none}.bars{gap:1px}}