*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#0a0e14;width:100%;height:100%;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.app{width:100vw;height:100vh;position:relative;overflow:hidden}.app canvas{width:100%;height:100%;display:block}.hero{z-index:10;pointer-events:none;position:absolute;top:20px;left:20px}.hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;margin-bottom:4px;font-size:11px}.hero-value{color:#f0f4ff;text-shadow:0 2px 24px #00000080;font-size:clamp(28px,5vw,48px);font-weight:600;line-height:1.1}.hero-change{font-variant-numeric:tabular-nums;margin-top:4px;font-size:14px}.hero-change.up{color:#4ade80}.hero-change.down{color:#f87171}.stamp{color:#ffffff61;z-index:10;pointer-events:none;font-size:10px;line-height:1.5;position:absolute;bottom:20px;left:16px}#desc{color:#ffffff80;text-align:center;z-index:10;pointer-events:none;max-width:90vw;font-size:11px;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}.legend{color:#ffffff73;z-index:10;pointer-events:none;text-align:right;font-size:10px;line-height:1.6;position:absolute;bottom:20px;right:16px}.sparkline{z-index:10;pointer-events:none;opacity:.7;width:120px;height:36px;position:absolute;bottom:68px;left:16px}.sparkline svg{width:100%;height:100%}@media (prefers-reduced-motion:reduce){.app canvas{filter:none}}