:root{color-scheme:dark;--bg:#0a0912;--panel:#151324;--line:#302c45;--text:#f6f5ff;--dim:#b7b2ca;--accent:#9a92ff;--ok:#74ddb0;--warn:#f0bd6d;--bad:#ff949e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:1040px;margin:auto;padding:0 28px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;border-bottom:1px solid var(--line);font-size:14px}.brand{color:var(--text);font-size:25px;font-weight:700;letter-spacing:-.05em}.intro{padding:76px 0 44px}.label{color:var(--accent);font-size:14px;margin:0 0 12px}h1{font-size:clamp(32px,5vw,56px);line-height:1.12;letter-spacing:-.04em;font-weight:600;max-width:780px;margin:0 0 22px}#summary{max-width:680px;color:var(--dim);font-size:18px}.updated{font-size:13px;color:var(--dim)}#components{border-top:1px solid var(--line)}.component{padding:25px 0;border-bottom:1px solid var(--line)}.component-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px}.component h2{font-size:18px;font-weight:500;margin:0}.status{font-size:14px;white-space:nowrap}.status.operational{color:var(--ok)}.status.unavailable{color:var(--bad)}.status.unknown{color:var(--warn)}.history{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:4px;margin-top:18px;height:24px}.day{border-radius:3px;background:#272338}.day.operational{background:var(--ok);opacity:.65}.day.unavailable{background:var(--bad)}.day.unknown{background:var(--warn);opacity:.6}.history-caption{display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:var(--dim);font-size:12px}.explanation{max-width:760px;padding:50px 0}.explanation h2{font-size:22px;letter-spacing:-.02em;font-weight:500}.explanation p{color:var(--dim)}footer{display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid var(--line);padding:25px 0 40px;font-size:14px}@media(max-width:560px){main{padding:0 20px}.intro{padding-top:48px}.component-heading{display:block}.status{display:block;margin-top:5px}.history{gap:3px}.component h2{font-size:17px}}