.metals-app{--metal-gold:#c9a84c;--metal-silver:#a8a9ad;--metal-platinum:#e5e4e2;--metal-palladium:#ced0dd;--metal-bitcoin:#f7931a;--metal-ethereum:#627eea;--metal-copper:#b87333;--gain:#34d399;--loss:#f87171;--surface:#0f1114;--surface-raised:#1a1d23;--surface-overlay:#242830;--border-subtle:#ffffff0f;--border-accent:#c9a84c40;--font-display:"Fraunces", serif;--font-body:"Public Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-track{width:max-content;animation:35s linear infinite ticker-scroll;display:flex}.ticker-track:hover{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}}.chart-glow{position:relative}.chart-glow:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--metal-gold) 0%, transparent 40%, transparent 60%, var(--metal-silver) 100%);opacity:.15;z-index:0;pointer-events:none;position:absolute;inset:-1px}.chart-glow>*{z-index:1;position:relative}.metal-card{transition:transform .25s cubic-bezier(.16,.84,.44,1),box-shadow .25s}.metal-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0006}@media (prefers-reduced-motion:reduce){.metal-card{transition:none}.metal-card:hover{transform:none}}.sparkline-path{fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.metals-app ::-webkit-scrollbar{width:6px;height:6px}.metals-app ::-webkit-scrollbar-track{background:var(--surface)}.metals-app ::-webkit-scrollbar-thumb{background:var(--surface-overlay);border-radius:3px}.metals-app ::-webkit-scrollbar-thumb:hover{background:#3a3f4a}.time-tab[data-active=true]{color:var(--metal-gold);border-bottom:2px solid var(--metal-gold)}@keyframes price-pulse{0%,to{opacity:1}50%{opacity:.6}}.price-live{animation:2s ease-in-out infinite price-pulse}@media (prefers-reduced-motion:reduce){.price-live{animation:none}}