:root{font-family:system-ui,"Noto Sans SC",sans-serif;color:#182b24;background:#f3f0e8}*{box-sizing:border-box}body{margin:0;min-height:100vh}header,main,footer{max-width:860px;margin:auto}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}header a{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}.mark{width:38px;height:38px;border-radius:50%;background:#152c24;color:#d9bd82;display:grid;place-items:center;font-family:serif}header b{display:block;letter-spacing:.12em}header small{display:block;font-size:9px;color:#738078;letter-spacing:.18em;margin-top:2px}.beta{font-size:9px;font-weight:700;letter-spacing:.13em;color:#765b2f;background:#e7d7b7;padding:7px 10px;border-radius:99px}main{padding:55px 20px 100px}.summary{background:#173128;color:#f4eee1;border-radius:23px;padding:34px 38px;box-shadow:0 24px 60px rgba(21,43,35,.17)}.summary>div{display:flex;align-items:center;gap:13px}.summary h1{font-family:serif;font-size:27px;margin:0}.summary p{color:#9fb3aa;font-size:12px;margin:12px 0 0 29px}.pulse{width:13px;height:13px;border:3px solid #7bb591;border-radius:50%;box-shadow:0 0 0 6px rgba(123,181,145,.12)}.summary.degraded .pulse{border-color:#d1aa60}.summary.outage .pulse,.summary.unknown .pulse{border-color:#ba6e64}.components{margin-top:25px;background:rgba(255,255,255,.66);border:1px solid rgba(30,58,48,.12);border-radius:19px;padding:8px 24px}.component{display:grid;grid-template-columns:1fr auto;align-items:center;padding:19px 3px;border-bottom:1px solid rgba(30,58,48,.1)}.component:last-child{border:0}.component h2{font-size:14px;margin:0 0 5px}.component p{font-size:11px;color:#7a867f;margin:0}.state{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#497a60}.state:before{content:"";width:7px;height:7px;border-radius:50%;background:#69a47e}.state.degraded{color:#9a7336}.state.degraded:before{background:#d1a550}.state.outage,.state.unknown{color:#9b5850}.state.outage:before,.state.unknown:before{background:#bd6a61}.notice{padding:35px 8px}.notice h2{font-family:serif;font-size:20px}.notice p{font-size:12px;line-height:1.8;color:#6e7a73}footer{border-top:1px solid rgba(30,58,48,.12);padding:28px 20px 40px;display:flex;gap:24px;font-size:11px;color:#718078}footer span{margin-right:auto}footer a{color:inherit;text-decoration:none}@media(max-width:520px){main{padding-top:32px}.summary{padding:27px 23px}.summary h1{font-size:22px}.components{padding:6px 18px}footer{flex-wrap:wrap}footer span{width:100%}}