*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#0f1c2e;color:#e2e8f0;min-height:100vh;display:flex;align-items:center;justify-content:center}#root{display:flex;gap:24px;padding:24px;flex-wrap:wrap}.energy-card{background:#1e3a5f;border-radius:12px;padding:24px 32px;min-width:220px;display:flex;flex-direction:column;gap:8px;position:relative}.energy-card--stale{opacity:.7}.energy-card__label{font-size:14px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.energy-card__value{font-size:36px;font-weight:700;color:#e2e8f0;font-variant-numeric:tabular-nums}.energy-card--loading .energy-card__loading,.energy-card--error .energy-card__error{font-size:14px;color:#94a3b8}.energy-card__stale-badge{position:absolute;top:8px;right:8px;font-size:10px;background:#475569;color:#cbd5e1;padding:2px 6px;border-radius:4px;text-transform:uppercase}