.charts-shell{max-width:64rem;margin:0 auto}.charts-shell .charts-loading{color:var(--muted);font-style:italic;padding:2rem 0;text-align:center}.charts-shell .charts-loading[hidden],.charts-shell .charts-body[hidden],.charts-shell .charts-empty[hidden]{display:none}.charts-shell .charts-empty{padding:3rem 1.5rem;text-align:center;color:var(--muted);border:1px dashed var(--rule);border-radius:var(--radius-card)}.charts-shell .plaques{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;margin-bottom:1.5rem}.charts-shell .plaque{background:var(--bg-elev);border:1px solid var(--rule);border-radius:var(--radius-card);padding:1.2rem 1rem;text-align:center}.charts-shell .plaque strong{display:block;font-family:var(--font-display);font-weight:600;font-size:clamp(1.6rem,3vw,2.3rem);color:var(--fg-strong);line-height:1.1}.charts-shell .plaque span{color:var(--muted);font-family:var(--font-sans);font-size:.7rem;text-transform:uppercase;letter-spacing:.14em}.charts-shell .charts-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:1rem;margin-bottom:1rem}.charts-shell .chart-card{margin:0;background:var(--bg-elev);border:1px solid var(--rule);border-radius:var(--radius-card);padding:1.2rem 1.3rem 1.4rem}.charts-shell .wide-card{margin-bottom:1rem}.charts-shell .chart-card h2{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:1.2rem;margin:0 0 .8rem;color:var(--fg-strong)}.charts-shell .chart-note{margin:.6rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.45}.charts-shell .heptagram-mount{display:flex;justify-content:center}.charts-shell .heptagram-mount .mc-heptagram{width:100%;max-width:420px;height:auto}.charts-shell .mc-heptagram .hx-ring{fill:none;stroke:var(--rule);stroke-width:1;opacity:.5}.charts-shell .mc-heptagram .hx-spoke{stroke:var(--rule);stroke-width:1;opacity:.35}.charts-shell .mc-heptagram .hx-star{fill:none;stroke:var(--accent);stroke-width:1;opacity:.4}.charts-shell .mc-heptagram .hx-data{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.6;stroke-linejoin:round}.charts-shell .mc-heptagram .hx-node{fill:var(--fg-strong);stroke:var(--bg-elev);stroke-width:1.5}.charts-shell .mc-heptagram .hx-name{font-family:var(--font-serif);font-size:9px;fill:var(--fg-strong)}.charts-shell .mc-heptagram .hx-count{font-family:var(--font-display);font-size:9px;fill:var(--muted);font-variant-numeric:tabular-nums}.charts-shell .mc-bars{display:flex;flex-direction:column;gap:.55rem}.charts-shell .mc-bar-row{display:grid;grid-template-columns:1.2rem minmax(5rem,11rem) 1fr auto;gap:.6rem;align-items:center}.charts-shell .mc-bar-rank{color:var(--accent);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:.95rem;text-align:right}.charts-shell .mc-bar-name{color:var(--fg-strong);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.charts-shell .mc-bar-track{height:.85rem;background:var(--bg-elev-2);border:1px solid var(--rule);border-radius:3px;overflow:hidden}.charts-shell .mc-bar-fill{display:block;height:100%;min-width:2px;background-color:var(--accent);background-image:var(--marble-url);background-size:220px auto;background-blend-mode:overlay;border-radius:2px 0 0 2px}.charts-shell .mc-bar-val{color:var(--fg-strong);font-variant-numeric:tabular-nums;font-size:.82rem}.charts-shell .mc-bar-val small{color:var(--muted);font-size:.7rem}.charts-shell .show-chart{list-style:none;margin:0;padding:0}.charts-shell .show-chart li{display:grid;grid-template-columns:2rem 1fr auto;gap:.85rem;align-items:baseline;padding:.6rem 0;border-bottom:1px solid var(--rule)}.charts-shell .show-chart li:last-child{border-bottom:0}.charts-shell .sc-rank{color:var(--accent);font-family:var(--font-display);text-align:right}.charts-shell .sc-slug{color:var(--fg-strong);overflow-wrap:anywhere}.charts-shell .sc-plays{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem;white-space:nowrap}.charts-shell .charts-foot{margin-top:1.5rem;text-align:center;font-size:.78rem}@media(max-width:720px){.charts-shell .plaques{grid-template-columns:repeat(2,1fr)}.charts-shell .charts-grid{grid-template-columns:1fr}}