.crypto-main{max-width:1100px}
.crypto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:22px 0}
.crypto-card{border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:color-mix(in srgb,var(--bg) 70%,#fff);scroll-margin-top:90px}
.crypto-card header{display:flex;gap:12px;align-items:center}
.crypto-card h2{font-size:16px;margin:0}
.crypto-sym{font-size:11px;letter-spacing:1px;color:var(--muted)}
.crypto-usd{font-size:22px;font-weight:700;margin:12px 0 8px;font-variant-numeric:tabular-nums;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.crypto-change{font-size:13px;font-weight:600;white-space:nowrap}
.crypto-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.crypto-card dt{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.crypto-card dd{margin:2px 0 0;font-weight:600;font-variant-numeric:tabular-nums}
.crypto-card dd small{display:block;font-weight:400;font-size:11px;color:var(--muted)}
.crypto-range{font-size:11px;color:var(--muted);margin:8px 0 0}
.crypto-notes{max-width:820px;font-size:14px;line-height:1.6}
.crypto-notes h2{font-size:1.05em}
.crypto-ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 18px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ticker-track{display:flex;width:max-content;animation:ticker 70s linear infinite;will-change:transform}
.crypto-ticker:hover .ticker-track,.crypto-ticker:focus-within .ticker-track{animation-play-state:paused}
.ticker-group{display:flex}
.ticker-item{display:flex;align-items:center;gap:8px;padding:10px 18px;font-size:13px;white-space:nowrap;text-decoration:none;color:inherit;border-right:1px solid var(--line)}
.ticker-item svg{width:20px;height:20px}
.ticker-item strong{font-variant-numeric:tabular-nums}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker-track{animation-duration:140s}}
html[data-theme=dark] .crypto-card{background:color-mix(in srgb,var(--bg) 88%,#fff)}
.crypto-main h1{font-size:clamp(30px,4.2vw,46px);line-height:1.1;letter-spacing:-1px;margin:.3em 0 .4em}
.crypto-change.up,.ticker-item .up{color:#307243}.crypto-change.down,.ticker-item .down{color:#af3f36}
html[data-theme=dark] .crypto-change.up,html[data-theme=dark] .ticker-item .up{color:#b7ed83}html[data-theme=dark] .crypto-change.down,html[data-theme=dark] .ticker-item .down{color:#ffb1a9}