:root{color:#e9f6f3;background:#071412;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}main{width:min(1180px,100% - 32px);margin:0 auto;padding:48px 0}header{max-width:760px}.eyebrow{color:#55d6be;letter-spacing:.12em;text-transform:uppercase;font-weight:700}h1{letter-spacing:-.05em;margin:8px 0;font-size:clamp(2rem,6vw,4.5rem)}.lede,.note{color:#9fb9b4;line-height:1.6}.controls{flex-wrap:wrap;gap:16px;margin:32px 0 18px;display:flex}label{color:#b9d0cc;gap:7px;font-size:.85rem;font-weight:700;display:grid}select{color:#e9f6f3;min-width:180px;font:inherit;background:#0e211e;border:1px solid #2c4d47;border-radius:8px;padding:10px 12px}.metrics{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-bottom:12px;display:grid}.metrics article{background:#0b1c19;border:1px solid #1c3934;border-radius:10px;padding:14px}.metrics span{color:#789993;text-transform:uppercase;font-size:.75rem;display:block}.metrics strong{font-variant-numeric:tabular-nums;margin-top:5px;display:block}.panel{background:#f7fbfa;border:1px solid #1c3934;border-radius:14px;height:500px;overflow:hidden}.chart{width:100%;height:100%}.error{color:#ff9e9e}@media (width<=600px){main{padding-top:28px}.panel{height:390px}}