@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#e9edf0;background:#0d1217;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% -10%,#243647 0,#101820 38%,#0d1217 72%);min-height:100vh}main{max-width:1440px;margin:auto;padding:0 6vw 34px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26313b}.brand{display:flex;align-items:center;gap:11px;color:#f5f6f2;font-size:19px;font-weight:800;letter-spacing:-.7px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:33px;height:33px;background:#f2b84b;color:#111820;font:500 12px DM Mono,monospace;border-radius:50%}.brand-accent{color:#f2b84b}.live-dot,.eyebrow,footer,.kicker{font:500 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:1px;color:#87939d}.live-dot{display:flex;align-items:center;gap:8px}.live-dot i,.status-pill i{width:7px;height:7px;background:#43b6a7;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #43b6a722}.hero{display:flex;justify-content:space-between;align-items:end;padding:80px 0 70px;gap:40px}.kicker{color:#f2b84b;margin:0 0 20px}.hero h1{font-size:clamp(42px,6vw,82px);line-height:1.02;letter-spacing:-4px;margin:0;font-weight:700}.hero h1 em{font-style:normal;color:#f2b84b}.intro{max-width:410px;color:#9da8b0;font-size:15px;line-height:1.7;margin:26px 0 0}.control-panel{display:flex;gap:12px;min-width:390px;padding:15px;background:#151e27;border:1px solid #293540;border-radius:10px;box-shadow:0 18px 40px #0002}.control-panel label{flex:1;color:#87939d;font:500 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:1px}.control-panel select{display:block;width:100%;margin-top:9px;background:#202b35;color:#f2f4f2;border:1px solid #354351;border-radius:5px;padding:12px 10px;font:600 13px Manrope;outline:none}.control-panel select:focus{border-color:#f2b84b}.context-row{display:flex;justify-content:space-between;align-items:end;padding:19px 0;border-top:1px solid #26313b;border-bottom:1px solid #26313b}.context-row h2{font-size:23px;margin:7px 0 0;letter-spacing:-.8px}.dataset-status{display:flex;align-items:center;gap:22px;color:#87939d;font:11px DM Mono,monospace}.status-pill{color:#c6d3d5;display:flex;gap:9px;align-items:center}.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.chart-card{background:#151e27;border:1px solid #263541;border-radius:10px;padding:22px 20px 13px;min-height:290px;animation:rise .5s ease both}.chart-card:nth-child(2){animation-delay:70ms}.chart-card:nth-child(3){animation-delay:.14s}.chart-card:nth-child(4){animation-delay:.21s}.chart-heading{display:flex;justify-content:space-between;align-items:start}.chart-heading h2{font-size:18px;letter-spacing:-.5px;margin:7px 0 0}.chart-value{text-align:right}.chart-value strong{display:block;font:500 21px DM Mono,monospace;color:#f1f3ef}.chart-value span{display:block;font:10px DM Mono,monospace;margin-top:6px}.up{color:#43b6a7}.down{color:#ef7658}.chart-area{height:190px;margin-top:18px}.recharts-text{fill:#73808a;font:10px DM Mono,monospace}.empty-chart,.loading{display:grid;place-items:center;height:100%;color:#75828c;font:12px DM Mono,monospace}.loading{height:330px}.loading span{color:#f2b84b;animation:pulse 1s infinite}.notice{margin-top:22px;padding:15px;border:1px solid #9b5648;color:#ffb29c;background:#3c2523;border-radius:7px;font-size:13px}footer{display:flex;justify-content:space-between;margin-top:55px;padding-top:17px;border-top:1px solid #26313b;font-size:9px}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.2}}@media(max-width:760px){main{padding:0 20px 25px}.topbar{height:72px}.live-dot{display:none}.hero{display:block;padding:54px 0 40px}.hero h1{font-size:48px;letter-spacing:-2.5px}.control-panel{min-width:0;margin-top:38px}.context-row{display:block}.dataset-status{margin-top:15px;justify-content:space-between}.charts-grid{grid-template-columns:1fr;gap:12px}.chart-card{min-height:275px}footer{gap:12px;line-height:1.5;flex-direction:column}}.control-panel{align-items:end;flex-wrap:wrap}.range-control{width:100%;color:#87939d;font:500 10px DM Mono,monospace;letter-spacing:1px;text-transform:uppercase}.range-buttons{display:flex;gap:5px;margin-top:9px}.range-buttons button{flex:1;border:1px solid #354351;border-radius:5px;background:#202b35;color:#aeb9c1;cursor:pointer;padding:9px 6px;font:500 11px DM Mono,monospace}.range-buttons button:hover,.range-buttons button.active{border-color:#f2b84b;background:#f2b84b;color:#111820}.chart-area{min-height:260px}@media(max-width:760px){.range-buttons button{font-size:10px;padding-inline:3px}}