/* Homepage-only semantic card system. No metric-page or auth rules. */
.page-home #metric-library{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch}
.page-home #metric-library>.home-grid-section-heading{grid-column:1/-1!important}
.page-home #metric-library>.ms-card{grid-column:auto!important;min-width:0!important;min-height:0!important;padding:18px 18px 13px!important;gap:0!important;display:flex!important;flex-direction:column!important;border:1px solid #ffffff12!important;border-radius:18px!important;background:radial-gradient(ellipse at 80% 100%,color-mix(in srgb,var(--ms-accent) 8%,transparent),transparent 65%),linear-gradient(145deg,#131c2a,#0c1421)!important;box-shadow:0 10px 25px #00000012!important;overflow:visible!important;transition:border-color .25s,box-shadow .25s}
.page-home #metric-library>.ms-card:hover{border-color:color-mix(in srgb,var(--ms-accent) 40%,transparent)!important;box-shadow:0 5px 28px color-mix(in srgb,var(--ms-accent) 8%,transparent)!important;transform:none!important}
.page-home #metric-library>.ms-card:focus-visible{outline:2px solid var(--ms-accent);outline-offset:4px}
.page-home #metric-library>.ms-card::after{display:none!important}
/* Illuminate the content as a whole; never follow pointer coordinates. */
.page-home #metric-library>.ms-card::before{display:none!important}
.page-home #metric-library .ms-card .chart-meta-label,.page-home #metric-library .ms-card .home-card-summary strong,.page-home #metric-library .ms-card .home-card-summary-label,.page-home #metric-library .ms-card .home-card-summary small,.page-home #metric-library .ms-card figcaption{transition:color .2s ease,text-shadow .2s ease}
.page-home #metric-library .ms-card .metric-scene svg{transition:filter .2s ease}
.page-home #metric-library .ms-card:is(.ms-content-active,:focus-visible,:focus-within) .chart-meta-label,.page-home #metric-library .ms-card:is(.ms-content-active,:focus-visible,:focus-within) .home-card-summary strong{color:#f3fffc!important;text-shadow:0 0 12px color-mix(in srgb,var(--ms-accent) 55%,transparent),0 0 25px color-mix(in srgb,var(--ms-accent) 20%,transparent)}
.page-home #metric-library .ms-card:is(.ms-content-active,:focus-visible,:focus-within) .home-card-summary-label,.page-home #metric-library .ms-card:is(.ms-content-active,:focus-visible,:focus-within) .home-card-summary small,.page-home #metric-library .ms-card:is(.ms-content-active,:focus-visible,:focus-within) figcaption{color:#cbe7e3!important;text-shadow:0 0 9px color-mix(in srgb,var(--ms-accent) 35%,transparent)}
.page-home #metric-library .ms-card:is(.ms-content-active,:focus-visible,:focus-within) .metric-scene svg{filter:brightness(1.22) saturate(1.15) drop-shadow(0 0 7px color-mix(in srgb,var(--ms-accent) 48%,transparent))!important}
@media(prefers-reduced-motion:reduce){.page-home #metric-library .ms-card *{transition:none!important}}
.page-home #metric-library .ms-card>.panel-head{margin:0 0 13px!important;padding:0!important;min-height:27px!important;height:auto!important;align-items:start!important;border:0!important;gap:8px!important}
.page-home #metric-library .ms-card .home-card-title{min-width:0;gap:6px;flex:1}
.page-home #metric-library .ms-card .chart-meta-label{font-size:13px!important;line-height:1.4!important;letter-spacing:.045em!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.page-home #metric-library .ms-card .home-card-actions{flex:none}
.page-home #metric-library .ms-card>.premium-preview,.page-home #metric-library .ms-card>.home-metric-chart,.page-home #metric-library .ms-card>.fear-greed-preview,.page-home #metric-library .ms-card>.home-best-price-preview,.page-home #metric-library .ms-card>.home-rich-list-preview,.page-home #metric-library .ms-card>.home-node-map-preview,.page-home #metric-library .ms-card>.home-social-preview{display:none!important}
.page-home #metric-library .ms-card>.home-card-summary{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important;min-height:77px!important;height:auto!important;max-height:none!important;margin:0 0 8px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important;flex:none!important}
.page-home #metric-library .ms-card>.home-card-summary strong{display:block!important;width:auto!important;max-width:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:26px!important;line-height:1.12!important;letter-spacing:-.035em}
.page-home #metric-library .ms-card>.home-card-summary small{font-size:10px!important;line-height:1.4!important;white-space:normal!important;text-align:left!important;overflow:visible!important;max-width:none!important;margin:0!important}
.page-home #metric-library .ms-card>.home-card-summary .home-card-summary-label{font-size:9px!important;letter-spacing:.1em!important;line-height:1.3;white-space:normal!important}
.page-home #metric-library .ms-card>.home-card-summary--locked{min-height:77px!important;align-content:start!important}
.page-home #metric-library .ms-card>.home-card-summary--locked strong{font-size:18px!important;line-height:1.3!important;letter-spacing:-.02em!important;max-width:30ch!important}
.page-home #metric-library .ms-card>.home-card-summary--locked small{display:none!important}
.page-home #metric-library .ms-card>.metric-scene{margin:auto 0 0!important;min-width:0;position:relative;padding-top:8px;border-top:1px solid #ffffff09}
.page-home #metric-library .metric-scene svg{display:block!important;width:100%!important;height:142px!important;overflow:visible!important;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--ms-accent) 16%,transparent));transform:none!important}
.page-home #metric-library .metric-scene svg text{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:.5px}
.page-home #metric-library .metric-scene figcaption{display:flex;gap:10px;align-items:start;justify-content:space-between;font-size:10px;line-height:1.45;color:#9aadc2;min-height:29px;margin-top:5px}
.page-home #metric-library .metric-scene figcaption small{font-size:8px;letter-spacing:.035em;color:#70839b;flex:none;padding-top:1px}
.ms-flow{animation:ms-travel 7s linear infinite;animation-play-state:paused}.ms-spark{animation:ms-breathe 4s ease-in-out infinite alternate;animation-play-state:paused}.ms-spark:nth-child(3n){animation-delay:-2s}.ms-visible .ms-flow,.ms-visible .ms-spark{animation-play-state:running}
@keyframes ms-travel{to{stroke-dashoffset:-100}}@keyframes ms-breathe{from{opacity:.5}to{opacity:1;filter:drop-shadow(0 0 4px currentColor)}}
@media(min-width:1600px){.page-home #metric-library{grid-template-columns:repeat(3,minmax(0,1fr))!important}.page-home #metric-library .metric-scene svg{height:158px!important}}
@media(max-width:1050px){.page-home #metric-library{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.page-home #metric-library{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.page-home #metric-library>.ms-card{padding:16px 16px 11px!important}.page-home #metric-library .metric-scene svg{height:138px!important}.page-home #metric-library .ms-card>.home-card-summary--locked{min-height:65px!important}}
.page-home #metric-library .ms-card>.home-card-summary>*{grid-area:auto!important;position:static!important;justify-self:start!important;align-self:start!important;transform:none!important}
.page-home #metric-library .ms-card>.home-card-summary{align-content:start!important;min-height:63px!important}
.page-home #metric-library .ms-card .home-tier-badge{min-height:0!important;height:24px!important;padding:4px 8px!important;line-height:14px!important;font-size:8px!important}
.page-home #metric-library .ms-card .home-card-title{min-height:24px!important}
.page-home #metric-library .metric-scene svg{height:130px!important}
.page-home #metric-library .ms-card>.panel-head{margin-bottom:10px!important;position:relative!important}
.page-home #metric-library .ms-card .home-info-tooltip{position:absolute!important;inset:32px 0 auto 0!important;width:auto!important;max-width:100%!important;height:auto!important;min-height:0!important;padding:12px 14px!important;border:1px solid #466278!important;border-radius:10px!important;background:#142335!important;color:#e3edf7!important;font-size:12px!important;line-height:1.5!important;z-index:30!important;pointer-events:none!important;opacity:0!important;visibility:hidden!important;transform:none!important;white-space:normal!important}
.page-home #metric-library .ms-card:has(.home-info-button:hover) .home-info-tooltip,.page-home #metric-library .ms-card:has(.home-info-button:focus) .home-info-tooltip{opacity:1!important;visibility:visible!important}
.page-home #metric-library .metric-scene svg>path:not(.ms-flow),.page-home #metric-library .metric-scene svg>rect{animation:ms-surface 6s ease-in-out infinite alternate;animation-play-state:paused}
.page-home #metric-library .ms-visible .metric-scene svg>path:not(.ms-flow),.page-home #metric-library .ms-visible .metric-scene svg>rect{animation-play-state:running}
@keyframes ms-surface{from{filter:brightness(.85)}to{filter:brightness(1.15)}}
@media(prefers-reduced-motion:reduce){.ms-flow,.ms-spark,.page-home #metric-library .metric-scene svg>path,.page-home #metric-library .metric-scene svg>rect{animation:none!important}.page-home #metric-library>.ms-card{transition:none!important}}