.wrapped-hero{text-align:center;border-radius:var(--radius);background:radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--accent) 22%, transparent) 0%, transparent 55%), radial-gradient(circle at 80% 80%, color-mix(in srgb, var(--accent) 14%, transparent) 0%, transparent 60%), linear-gradient(135deg, color-mix(in srgb, var(--panel) 96%, var(--accent) 4%) 0%, var(--panel) 100%);border:1px solid var(--border);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent), 0 10px 40px -20px color-mix(in srgb, var(--accent) 35%, transparent);padding:48px 28px;position:relative;overflow:hidden}.wrapped-hero-eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-size:11px;font-weight:700}.wrapped-hero-title{color:var(--heading);letter-spacing:-.02em;margin:10px 0 6px;font-size:clamp(2.2rem,6vw,3.4rem);font-weight:800}.wrapped-hero-range{letter-spacing:.04em;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:999px;margin-bottom:14px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-block}.wrapped-hero-tagline{max-width:46ch;color:var(--muted);margin:0 auto;font-size:14px;line-height:1.6}.wrapped-footer{text-align:center;margin-top:16px}.wrapped-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:14px;padding-bottom:10px;font-size:11px;font-weight:700;display:flex}.wrapped-icon{filter:grayscale(.15);font-size:15px}.wrapped-hero-number{color:var(--heading);letter-spacing:-.01em;margin-bottom:4px;font-size:clamp(1.9rem,5vw,2.7rem);font-weight:800;line-height:1.15}.wrapped-sublabel{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:10px;font-size:11px;font-weight:700}.wrapped-list{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.wrapped-list li{border-bottom:1px solid var(--border);padding:6px 0}.wrapped-list li:last-child{border-bottom:none}.wrapped-list a{color:var(--text);font-weight:600}.wrapped-list a:hover{color:var(--accent)}.wrapped-cols{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:28px;margin-top:20px;padding-top:20px;display:grid}.wrapped-bars{flex-direction:column;gap:10px;display:flex}.wrapped-genre-chart{--genre-1:#2a78d6;--genre-2:#008300;--genre-3:#e87ba4;--genre-4:#eda100;--genre-5:#1baf7a;--genre-6:#eb6834;--genre-7:#4a3aa7;--genre-8:#e34948}[data-theme=dark] .wrapped-genre-chart{--genre-1:#3987e5;--genre-2:#008300;--genre-3:#d55181;--genre-4:#c98500;--genre-5:#199e70;--genre-6:#d95926;--genre-7:#9085e9;--genre-8:#e66767}.genre-stack{border-radius:4px;gap:2px;width:100%;height:22px;display:flex;overflow:hidden}.genre-stack-segment{height:100%}.genre-legend{grid-template-columns:1fr 1fr;gap:6px 16px;margin:14px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.genre-legend li{align-items:center;gap:8px;display:flex}.genre-legend .swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.genre-legend .name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.genre-legend .pct{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}@media (width<=480px){.genre-legend{grid-template-columns:1fr}}.wrapped-bar-row{align-items:center;gap:10px;font-size:12px;display:flex}.wrapped-bar-label{text-overflow:ellipsis;white-space:nowrap;width:104px;color:var(--text);flex-shrink:0;font-weight:600;overflow:hidden}.wrapped-bar-label a{color:inherit}.wrapped-bar-label a:hover{color:var(--accent)}.wrapped-bar-track{background:color-mix(in srgb, var(--muted) 15%, transparent);border-radius:5px;flex:1;height:10px;overflow:hidden}.wrapped-bar-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 60%, transparent), var(--accent));border-radius:5px;height:100%;transition:width .4s}.wrapped-bar-value{text-align:right;width:52px;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}#wrapped-code svg{max-width:100%}@media (width<=640px){.wrapped-hero{padding:36px 20px}.wrapped-cols{grid-template-columns:1fr;gap:20px}.wrapped-bar-label{width:76px}}