:root{color-scheme:light;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#182137;background:#f8fafc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -250px,#dfe8ff 0,transparent 610px),#f8fafc}.page{width:min(940px,calc(100% - 40px));margin:auto}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e9f1}.brand{display:flex;align-items:center;gap:11px;color:#17233a;text-decoration:none;font-size:20px;font-weight:720;letter-spacing:-.04em}.brand img{height:32px;width:32px;border-radius:9px}.brand b{font-weight:500;color:#7b879b}.updated,.section-time{font-size:13px;color:#8995a7}.hero{margin:55px 0 52px;padding:34px 38px;min-height:156px;display:flex;align-items:center;gap:25px;border:1px solid #caead7;border-radius:18px;background:linear-gradient(135deg,#f0fbf5,#fff 65%);box-shadow:0 13px 35px #16284908}.hero-icon{width:60px;height:60px;display:grid;place-items:center;flex:none;border-radius:50%;color:#25a85a;background:#dff6e8;font-size:21px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:#8a96a8}.hero h1{font-size:28px;letter-spacing:-.04em;margin:7px 0 7px}.hero p{color:#718096;margin:0;font-size:14px}.hero.degraded{border-color:#f2dbae;background:linear-gradient(135deg,#fff9ea,#fff 65%)}.hero.degraded .hero-icon{color:#c88717;background:#fff0ca}.hero.down{border-color:#f3c8c8;background:linear-gradient(135deg,#fff3f3,#fff 65%)}.hero.down .hero-icon{color:#d95757;background:#ffe4e4}.section{margin:0 0 38px;padding:0 0 8px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section h2{font-size:20px;letter-spacing:-.03em;margin:6px 0 0}.component-list,.empty-incident{background:white;border:1px solid #e5eaf1;border-radius:15px;box-shadow:0 8px 25px #23365706;overflow:hidden}.component{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:69px;padding:0 23px;border-bottom:1px solid #edf0f5}.component:last-child{border-bottom:0}.component-name{font-size:15px;font-weight:600}.component-state{display:flex;align-items:center;gap:9px;color:#209653;font-size:13px;font-weight:650;white-space:nowrap}.component-state:before{content:"";width:8px;height:8px;border-radius:50%;background:#35ba6b}.component-state.unavailable{color:#d25a5a}.component-state.unavailable:before{background:#e96868}.loading,.empty-incident{padding:26px 23px;color:#8591a2;font-size:14px}.availability{color:#239f59;font-weight:700;font-size:16px}.history-bars{height:86px;display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:5px}.history-bar{background:#36bb75;border-radius:4px;min-width:0;position:relative}.history-bar.partial{background:#f2bb51}.history-bar.down{background:#ee7777}.history-bar.unknown{background:#dde4ec}.history-bar:hover:after{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;padding:7px 9px;background:#203047;color:white;border-radius:6px;font-size:12px;z-index:2}.legend{display:flex;justify-content:space-between;margin-top:9px;color:#9aa4b2;font-size:12px}.footnote{margin:13px 0 0;color:#9aa4b2;font-size:12px}.incidents{margin-top:42px}.empty-incident{display:flex;align-items:center;min-height:78px;color:#8190a2}footer{display:flex;justify-content:space-between;border-top:1px solid #e4e9f1;padding:22px 0 35px;color:#9aa4b2;font-size:12px}@media(max-width:600px){.page{width:min(100% - 28px,940px)}.topbar{height:72px}.brand{font-size:17px}.updated{font-size:11px}.hero{margin:30px 0 38px;padding:25px 20px;gap:17px}.hero-icon{width:46px;height:46px}.hero h1{font-size:22px}.hero p{font-size:12px;line-height:1.5}.component{padding:0 16px}.history-bars{gap:3px;height:68px}footer span{display:none}}
.component-state.degraded{color:#c88717}.component-state.degraded:before{background:#e9ae40}
.component-path{font-weight:450;color:#8a96a8;font-size:13px;letter-spacing:0}.component-name{line-height:1.5}@media(max-width:600px){.component-path{display:block;font-size:11px;margin-top:2px}.component{min-height:76px}}
.component-name{min-width:0;overflow-wrap:anywhere}.component-path{overflow-wrap:anywhere}.component-state{flex:none}
