*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#070a10;color:#edf2f7;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}.shell{width:min(1120px,calc(100% - 32px));margin:auto;padding:28px 0 40px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#d8ff5f;color:#0b0d10;font-weight:900}.brand div{display:flex;flex-direction:column}.brand strong{font-size:17px;letter-spacing:-.02em}.brand div span{font-size:12px;color:#7f8b9c;margin-top:2px}.freshness{display:flex;gap:8px;align-items:center;color:#8d98a8;font-size:12px}.live-dot{width:7px;height:7px;border-radius:50%;background:#67e8a8;box-shadow:0 0 10px #67e8a8}.hero{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:28px 30px;border:1px solid #202735;border-radius:18px;background:#0c111a}.eyebrow{margin:0 0 8px;color:#91a0b5;font:700 10px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em}.hero h1{margin:0;font-size:clamp(28px,4vw,48px);font-weight:700;letter-spacing:-.045em}.hero-copy{max-width:660px;margin:12px 0 0;color:#9aa6b7;font-size:14px;line-height:1.65}.hero-score{text-align:right}.hero-score span{display:block;font:700 clamp(38px,6vw,64px)/.9 ui-monospace,SFMono-Regular,monospace;letter-spacing:-.06em}.hero-score small{display:block;margin-top:10px;color:#8490a1;font-size:11px}.hero.healthy{border-color:#214936}.hero.degraded{border-color:#594a24}.hero.outage{border-color:#5e2630}.hero.outage .hero-score,.hero.outage h1{color:#ff7185}.hero.degraded .hero-score,.hero.degraded h1{color:#ffca62}.hero.healthy .hero-score{color:#74eba9}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 30px}.metrics article{padding:17px 18px;border:1px solid #1d2430;border-radius:13px;background:#0a0f17}.metrics span,.metrics small{display:block;color:#7f8b9c;font-size:11px}.metrics strong{display:block;margin:7px 0 5px;font:700 26px/1 ui-monospace,SFMono-Regular,monospace}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.section-head h2,.method h2{margin:0;font-size:20px;letter-spacing:-.025em}.legend{display:flex;gap:14px;color:#7f8b9c;font-size:10px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:6px;height:6px;border-radius:50%}.ok{background:#67e8a8}.warn{background:#ffc95c}.bad{background:#ff6b82}.idle{background:#657084}.group-list{display:grid;gap:8px}.group-card{display:grid;grid-template-columns:minmax(210px,1.4fr) 110px 116px 116px minmax(180px,1fr) 96px;align-items:center;gap:14px;padding:17px 18px;border:1px solid #1c2330;border-radius:13px;background:#0a0f17}.group-card[data-state="outage"]{border-left:3px solid #ff6b82}.group-card[data-state="degraded"]{border-left:3px solid #ffc95c}.group-card[data-state="healthy"]{border-left:3px solid #67e8a8}.group-card[data-state="low_sample"],.group-card[data-state="quiet"],.group-card[data-state="unknown"]{border-left:3px solid #657084}.identity strong{display:block;font-size:14px}.meta{margin-top:5px;color:#7f8b9c;font-size:10px}.metric-label{display:block;margin-bottom:5px;color:#657084;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.metric-value{font:650 14px/1.2 ui-monospace,SFMono-Regular,monospace}.metric-sub{display:block;margin-top:4px;color:#667386;font-size:9px}.availability.good{color:#67e8a8}.availability.warn{color:#ffc95c}.availability.bad{color:#ff7185}.trend{display:flex;align-items:end;gap:3px;height:30px}.trend i{flex:1;min-width:3px;max-width:8px;border-radius:2px 2px 0 0;background:#263043}.trend i.good{background:#3f9f74}.trend i.warn{background:#a77c33}.trend i.bad{background:#a33f51}.state{justify-self:end;padding:6px 9px;border-radius:7px;font-size:10px;font-weight:700}.state.healthy{color:#72e7a8;background:#122d22}.state.degraded,.state.low_sample{color:#ffd071;background:#342a15}.state.outage{color:#ff8092;background:#371820}.state.quiet,.state.unknown{color:#9aa6b7;background:#171e29}.method{display:grid;grid-template-columns:200px 1fr;gap:28px;margin-top:32px;padding-top:28px;border-top:1px solid #1b222e}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.method article{padding:15px;border:1px solid #1b222e;border-radius:11px}.method strong{font-size:12px}.method p{margin:7px 0 0;color:#7f8b9c;font-size:10px;line-height:1.6}footer{display:flex;justify-content:space-between;margin-top:28px;color:#566174;font-size:10px}@media(max-width:820px){.shell{width:min(100% - 20px,620px);padding-top:18px}.topbar{align-items:flex-start}.freshness{max-width:160px;text-align:right}.hero{align-items:flex-start;padding:22px;flex-direction:column}.hero-score{text-align:left}.metrics{grid-template-columns:repeat(2,1fr)}.section-head{align-items:flex-start;gap:14px;flex-direction:column}.legend{flex-wrap:wrap}.group-card{grid-template-columns:1fr 1fr;gap:13px;padding:15px}.identity{grid-column:1/-1}.trend-wrap{grid-column:1/-1}.state{position:absolute;right:15px;top:15px}.group-card{position:relative}.method{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr}footer{gap:12px;flex-direction:column}}@media(prefers-reduced-motion:no-preference){.live-dot{animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}}