@font-face{font-family:"AEON YuanLongHei";src:url("./fonts/HY_YuanLongHei_45W.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"AEON YuanLongHei";src:url("./fonts/HY_YuanLongHei_75W.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"AEON Söhne";src:url("./fonts/Soehne_Buch.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"AEON Söhne";src:url("./fonts/Soehne_Halbfett.woff2") format("woff2");font-weight:600;font-display:swap}
:root{color-scheme:light;--canvas:#eceef2;--surface:#fff;--ink:#15181d;--soft:#606875;--faint:#8b929c;--line:#d9dde3;--green:#27805f;--green-soft:#dcece5;--amber:#b27018;--amber-soft:#f5e8d5;--red:#a5483e;--red-soft:#f4dfdc;--unknown:#d7dbe1;--font:"AEON Söhne","AEON YuanLongHei","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
h1,h2,p,dl,dd{margin:0}
.status-page{width:min(1040px,calc(100% - 48px));margin:0 auto;padding:26px 0 34px}
.status-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:46px;margin-bottom:28px}
.status-brand{display:flex;width:118px;align-items:center}
.status-brand img{display:block;width:118px;height:auto}
.status-nav-title{color:var(--soft);font-size:12px;font-weight:600;letter-spacing:.01em}
.back-link{justify-self:end;color:var(--soft);font-size:12px;font-weight:600;text-decoration:none}
.back-link:hover{color:var(--ink)}
.current-panel,.service-panel,.metric-panel,.event-panel{border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.current-panel{display:grid;grid-template-columns:280px minmax(0,1fr);gap:42px;min-height:202px;padding:30px 32px}
.section-label{margin-bottom:18px;color:var(--faint);font-size:11px;font-weight:600}
.current-heading{display:flex;align-items:center;gap:12px}
.state-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px var(--green-soft)}
.current-panel[data-status=degraded] .state-dot{background:var(--amber);box-shadow:0 0 0 5px var(--amber-soft)}
.current-panel[data-status=outage] .state-dot{background:var(--red);box-shadow:0 0 0 5px var(--red-soft)}
.current-copy h1{font-size:28px;font-weight:600;line-height:1.15;letter-spacing:-.025em}
.current-meta{display:flex;gap:30px;margin-top:34px}
.current-meta div{display:grid;gap:4px}
.current-meta dt{color:var(--faint);font-size:10px}
.current-meta dd{color:var(--soft);font-family:"AEON Söhne",sans-serif;font-size:12px}
.current-meta strong{color:var(--ink);font-size:15px;font-weight:600}
.availability{align-self:center;min-width:0}
.panel-head{display:flex;align-items:center;justify-content:space-between;color:var(--faint);font-size:11px}
.availability-track{display:grid;height:27px;grid-template-columns:repeat(96,minmax(1px,1fr));gap:2px;margin-top:17px;overflow:hidden}
.availability-cell{display:block;min-width:2px;border-radius:2px;background:var(--unknown)}
.availability-cell[data-status=operational]{background:var(--green)}
.availability-cell[data-status=degraded]{background:var(--amber)}
.availability-cell[data-status=outage]{background:var(--red)}
.track-axis{display:flex;justify-content:space-between;margin-top:8px;color:var(--faint);font-size:9px}
.service-panel{margin-top:14px;overflow:hidden}
.panel-title{min-height:62px;padding:0 24px;border-bottom:1px solid var(--line)}
.panel-title h2{font-size:15px;font-weight:600;letter-spacing:-.01em}
.panel-title span{color:var(--faint);font-size:10px}
.component-row{display:grid;grid-template-columns:10px minmax(150px,1fr) minmax(180px,1.4fr) auto;gap:14px;align-items:center;min-height:70px;padding:14px 24px;border-bottom:1px solid var(--line)}
.component-row:last-child{border-bottom:0}
.component-state{width:8px;height:8px;border-radius:50%;background:var(--green)}
.component-state[data-state=degraded]{background:var(--amber)}
.component-state[data-state=outage]{background:var(--red)}
.component-row>div{display:grid;gap:4px}
.component-row strong{font-size:13px;font-weight:600}
.component-row div span{overflow:hidden;color:var(--faint);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.component-track{display:grid;height:18px;grid-template-columns:repeat(48,minmax(1px,1fr));gap:2px;align-items:center}
.component-cell{display:block;min-width:2px;height:10px;border-radius:2px;background:var(--unknown)}
.component-cell[data-status=operational]{background:var(--green)}
.component-cell[data-status=degraded]{background:var(--amber)}
.component-cell[data-status=outage]{background:var(--red)}
.component-row b{color:var(--green);font-size:11px;font-weight:600}
.component-row:has(.component-state[data-state=degraded]) b{color:var(--amber)}
.component-row:has(.component-state[data-state=outage]) b{color:var(--red)}
.status-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px;margin-top:14px}
.metric-panel,.event-panel{min-height:282px;overflow:hidden}
.metric-panel .panel-title>strong{font-family:"AEON Söhne",sans-serif;font-size:12px}
.panel-title>div{display:grid;gap:4px}
.chart-wrap{height:218px;padding:22px 24px 20px}
#latency-chart{display:block;width:100%;height:100%;overflow:visible}
.chart-guide{stroke:#e5e7eb;stroke-width:1}
.chart-area{fill:rgba(39,128,95,.09)}
.chart-line{fill:none;stroke:var(--green);stroke-width:2;vector-effect:non-scaling-stroke}
.chart-point{fill:var(--surface);stroke:var(--green);stroke-width:2;vector-effect:non-scaling-stroke}
.event-list{padding:4px 24px 10px}
.event-row{display:grid;grid-template-columns:8px minmax(0,1fr);gap:12px;padding:15px 0;border-bottom:1px solid #e8eaee}
.event-row:last-child{border-bottom:0}
.event-marker{width:7px;height:7px;margin-top:4px;border-radius:50%;background:var(--green)}
.event-marker[data-status=degraded]{background:var(--amber)}
.event-marker[data-status=outage]{background:var(--red)}
.event-row>div{display:grid;gap:4px}
.event-row span{font-size:12px;font-weight:600}
.event-row time{color:var(--faint);font-family:"AEON Söhne",sans-serif;font-size:10px}
.event-empty{padding:28px 0;color:var(--faint);font-size:12px}
.status-footer{display:flex;align-items:center;gap:18px;min-height:58px;color:var(--faint);font-size:10px}
.status-footer a{margin-left:auto;text-decoration:none}
.status-footer a:hover{color:var(--ink)}
@media(max-width:760px){
  .status-page{width:calc(100% - 28px);padding-top:16px}
  .status-nav{grid-template-columns:1fr auto;margin-bottom:16px}
  .status-nav-title{display:none}
  .current-panel{grid-template-columns:1fr;gap:30px;padding:24px}
  .current-copy h1{font-size:24px}
  .current-meta{margin-top:26px}
  .availability-track{gap:1px}
  .status-grid{grid-template-columns:1fr}
  .component-row{grid-template-columns:10px minmax(0,1fr) auto;padding-inline:20px}
  .component-row .component-track{grid-column:2 / -1;grid-row:2;margin-top:-5px}
  .component-row>b{grid-column:3;grid-row:1}
  .panel-title{padding-inline:20px}
  .status-footer{flex-wrap:wrap;gap:8px 16px;padding:14px 2px}
  .status-footer a{margin-left:0}
}
@media(prefers-reduced-motion:no-preference){.availability-cell{animation:cell-in .24s ease both}@keyframes cell-in{from{opacity:0;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}}