:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#ecede8;background:#101311;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;padding:36px 52px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30372f;padding-bottom:27px}.brand{font-size:19px;font-weight:800;letter-spacing:.09em;color:inherit;text-decoration:none}.brand span{color:#84907e;font-size:12px;font-weight:500}.readonly{font-size:12px;color:#a9b2a4}.heading{display:flex;align-items:end;justify-content:space-between;padding-top:67px;gap:24px}.eyebrow{font-size:11px;letter-spacing:.17em;color:#b9de85;margin:0 0 15px}h1{font-size:clamp(29px,4vw,44px);letter-spacing:-.045em;font-weight:500;margin:0}#status{font-size:13px;color:#a9b2a4;white-space:nowrap}#status.online{color:#b9de85}#status:before{content:'●';margin-right:8px;font-size:10px}.primary{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:center;padding:62px 0 48px}.label,.muted{font-size:12px;color:#a9b2a4}.big{margin:12px 0 18px;font-size:clamp(64px,8vw,96px);font-weight:450;letter-spacing:-.065em;line-height:1}.unit{font-size:22px;letter-spacing:-.02em;color:#b9de85}.muted strong{font-weight:500;color:#ecede8;margin-left:12px}.chart{min-width:0}.charthead{display:flex;justify-content:space-between;color:#a9b2a4;font-size:11px;margin-bottom:16px}.chart svg{width:100%;height:170px;overflow:visible}.grid{stroke:#2a3028;stroke-width:1;fill:none}#line{stroke:#b9de85;stroke-width:2.5;fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round}#area{fill:#b9de8510}.metrics{border-top:1px solid #30372f;border-bottom:1px solid #30372f;display:grid;grid-template-columns:repeat(4,1fr);padding:27px 0 34px;gap:24px}.metrics strong{font-size:30px;font-weight:450;letter-spacing:-.04em;font-variant-numeric:tabular-nums}footer{display:flex;justify-content:space-between;gap:20px;margin-top:23px;font-size:10px;color:#84907e;line-height:1.8}@media(max-width:750px){main{padding:26px 23px}.heading{padding-top:44px;align-items:start;flex-direction:column;gap:8px}.primary{grid-template-columns:1fr;gap:34px;padding:35px 0}.big{font-size:80px}.metrics{grid-template-columns:repeat(2,1fr);gap:28px}footer{flex-direction:column;gap:0}.chart svg{height:140px}.readonly{font-size:10px}}@media(prefers-reduced-motion:no-preference){main{animation:appear .45s ease-out}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
