:root{color-scheme:light;--brand:#e5484d;--page:#fbfaf8;--surface:#fff;--surface-2:#f3f1ed;--ink:#111110;--muted:#6f6d66;--border:rgba(17,17,16,.1);--good:#1a7f37;--good-bg:#e6f4ea;--warning:#8a5a00;--warning-bg:#fdf3d8;--critical:#b42318;--critical-bg:#fde8e7;--info-bg:#eaf1fb;--bar-none:#e4e1db;--bar-ok:#2da44e;--bar-minor:#d4a72c;--bar-major:#e5484d;--font-latin:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;--font:var(--font-latin),sans-serif}
html:lang(zh-TW){--font:var(--font-latin),'PingFang TC','Microsoft JhengHei','Noto Sans TC',sans-serif}
html:lang(zh-CN){--font:var(--font-latin),'PingFang SC','Microsoft YaHei','Noto Sans SC',sans-serif}
html:lang(ja){--font:var(--font-latin),'Hiragino Sans','Yu Gothic UI',Meiryo,'Noto Sans JP',sans-serif}
html:lang(ko){--font:var(--font-latin),'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif}
@media (prefers-color-scheme:dark){:root{color-scheme:dark;--brand:#ff6369;--page:#0f0f10;--surface:#18181a;--surface-2:#212124;--ink:#f4f3f1;--muted:#9b9991;--border:rgba(255,255,255,.1);--good:#57d07a;--good-bg:#13291a;--warning:#f2c14e;--warning-bg:#2e2410;--critical:#ff8a80;--critical-bg:#331715;--info-bg:#15233a;--bar-none:#2a2a2e;--bar-ok:#3fb950;--bar-minor:#d29922;--bar-major:#ff6369}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--ink);font:16px/1.6 var(--font)}
a{color:inherit}
h2,h3{line-height:1.25;margin:0 0 .25em}
h2{font-size:1.35rem}
h3{font-size:1.05rem}
p{margin:0 0 .5em}
.wrap{max-width:820px;margin:0 auto;padding:0 16px}
.muted{color:var(--muted)}
.small{font-size:.875rem}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding-top:24px;padding-bottom:24px}
.brand{display:inline-flex;gap:10px;align-items:center;font-weight:700;font-size:1.2rem;text-decoration:none}
.brand svg{width:30px;height:30px;color:var(--brand)}
.langs{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.875rem}
.langs a{text-decoration:none;color:var(--muted)}
.langs a[aria-current]{color:var(--ink);font-weight:600}
.langs a:hover{color:var(--ink);text-decoration:underline}
.overall{border-radius:12px;padding:20px 22px;margin-bottom:20px;background:var(--surface);border:1px solid var(--border)}
.overall h2{margin:0}
.overall p{margin:.25em 0 0}
.overall.operational{background:var(--good-bg);color:var(--good);border-color:transparent}
.overall.degraded{background:var(--warning-bg);color:var(--warning);border-color:transparent}
.overall.partial_outage,.overall.major_outage{background:var(--critical-bg);color:var(--critical);border-color:transparent}
.components{background:var(--surface);border:1px solid var(--border);border-radius:12px}
.component{padding:18px 22px}
.component+.component{border-top:1px solid var(--border)}
.row{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}
.right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap}
.pill{display:inline-block;font-size:.8rem;font-weight:600;padding:2px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted)}
.pill.operational{background:var(--good-bg);color:var(--good)}
.pill.degraded{background:var(--warning-bg);color:var(--warning)}
.pill.outage{background:var(--critical-bg);color:var(--critical)}
.bars{display:flex;gap:2px;list-style:none;margin:12px 0 4px;padding:0;height:32px}
.bar{flex:1;border-radius:2px;background:var(--bar-none);min-width:0}
.bar.ok{background:var(--bar-ok)}
.bar.minor{background:var(--bar-minor)}
.bar.major{background:var(--bar-major)}
.scale{display:flex;justify-content:space-between;gap:8px}
.scale span:nth-child(2){text-align:center}
.section{margin-top:32px}
.incidents{list-style:none;margin:0;padding:0}
.incidents li{padding:12px 0;border-bottom:1px solid var(--border)}
.notice{border-radius:12px;padding:14px 18px;margin:0 0 16px;background:var(--info-bg)}
.notice p{margin:.25em 0 0}
.notice.maintenance{background:var(--warning-bg)}
.notice.incident{background:var(--critical-bg)}
footer{padding-top:32px;padding-bottom:40px}
@media (max-width:560px){.bars{height:28px;gap:1px}.bars .bar:nth-child(-n+60){display:none}.scale span:first-child{visibility:hidden}.row{flex-direction:column}.right{align-items:flex-start;flex-direction:row}}