.wrap-block{padding:var(--spacing-xl,2rem) 0 var(--spacing-2xl,4rem)}.wrap-intro{font-family:var(--font-body,monospace);color:var(--color-text-secondary,#c4c4c4);max-width:60ch;margin:0 0 var(--spacing-lg,1.5rem);font-size:.88rem;line-height:1.7}.wrap-card{border:1px solid var(--color-border,#222);background:var(--color-bg-secondary,#111);padding:var(--spacing-lg,1.5rem);max-width:42rem}.wrap-card-top-label,.wrap-card-era-label{font-family:var(--font-display,sans-serif);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-steel,#6b7b8d);margin:0 0 var(--spacing-xs,.25rem);font-size:.7rem;font-weight:600}.wrap-card-era-label{margin-top:var(--spacing-lg,1.5rem)}.wrap-top-tracks-list{counter-reset:wrap-rank;gap:0;margin:0;padding:0;list-style:none;display:grid}.wrap-top-tracks-row{counter-increment:wrap-rank;align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-xs,.25rem) 0;border-bottom:1px solid var(--color-border,#222);font-family:var(--font-body,monospace);color:var(--color-text-secondary,#aaa);grid-template-columns:auto 1fr auto auto;font-size:.85rem;display:grid}.wrap-top-tracks-row:before{content:counter(wrap-rank) ".";font-family:var(--font-display,sans-serif);letter-spacing:.1em;color:var(--color-text-muted,#555);min-width:1.5em;font-size:.72rem;font-weight:600}.wrap-top-tracks-count{font-family:var(--font-display,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-primary,#f0f0f0);white-space:nowrap;font-size:.7rem;font-weight:600}.wrap-card-top-row{align-items:center;gap:var(--spacing-md,1rem);padding:var(--spacing-sm,.5rem) 0;border-top:1px solid var(--color-border,#222);border-bottom:1px solid var(--color-border,#222);flex-wrap:wrap;display:flex}.wrap-card-tracklink{font-family:var(--font-body,monospace);color:var(--color-text-primary,#f0f0f0);border-bottom:1px solid #0000;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s,border-bottom-color .2s}.wrap-card-tracklink:hover{color:var(--color-text-accent,#c00);border-bottom-color:var(--color-accent-blood,#8b0000)}.wrap-card-era-name{font-family:var(--font-body,monospace);letter-spacing:.06em;color:var(--color-text-muted,#555);font-size:.78rem}.wrap-card-play{font-family:var(--font-display,sans-serif);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-primary,#f0f0f0);cursor:pointer;box-shadow:0 0 0 1px #c0000026, inset 0 1px 0 rgba(var(--overlay-ink) / .06);background:#c000001a;border:1px solid #c0000059;border-radius:100px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.68rem;font-weight:600;transition:background .4s cubic-bezier(.32,.72,0,1),border-color .4s cubic-bezier(.32,.72,0,1),box-shadow .4s cubic-bezier(.32,.72,0,1),transform .4s cubic-bezier(.32,.72,0,1);display:inline-flex}.wrap-card-play:hover{box-shadow:0 0 0 1px #c0000033, 0 4px 12px #8b000026, inset 0 1px 0 rgba(var(--overlay-ink) / .1);background:#c000002e;border-color:#c0000080;transform:translateY(-1px)scale(1.02)}.wrap-card-play:active{transition-duration:.15s;transform:translateY(0)scale(.98)}.wrap-card-play-icon{background:#c0000040;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:background .4s cubic-bezier(.32,.72,0,1),transform .4s cubic-bezier(.32,.72,0,1);display:inline-flex}.wrap-card-play:hover .wrap-card-play-icon{background:#c0000066;transform:scale(1.1)}.wrap-card-play-icon svg{stroke:currentColor;fill:none;width:10px;height:10px}.wrap-era-list{gap:var(--spacing-xs,.25rem);margin:0;padding:0;list-style:none;display:grid}.wrap-era-row{align-items:center;gap:var(--spacing-sm,.5rem);font-family:var(--font-body,monospace);color:var(--color-text-secondary,#aaa);grid-template-columns:minmax(9rem,1fr) clamp(3rem,12vw,6rem) auto;font-size:.8rem;display:grid}.wrap-era-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wrap-era-bar{background:var(--color-accent-blood,#8b0000);min-width:2px;height:2px}.wrap-era-bar-empty{background:var(--color-border,#222);width:100%}.wrap-era-stats{white-space:nowrap;color:var(--color-text-muted,#777);justify-self:end}.wrap-card-totals{gap:var(--spacing-md,1rem);font-family:var(--font-body,monospace);color:var(--color-text-primary,#f0f0f0);margin:var(--spacing-md,1rem) 0 0;flex-wrap:wrap;font-size:.82rem;display:flex}.wrap-card-range{font-family:var(--font-body,monospace);letter-spacing:.08em;color:var(--color-text-muted,#555);margin:var(--spacing-xs,.25rem) 0 0;font-size:.75rem}.wrap-scope{margin:0 0 var(--spacing-lg,1.5rem);flex-wrap:wrap;gap:.5rem;padding:0;display:flex}.wrap-scope[hidden]{display:none}.wrap-scope-btn{font-family:var(--font-display,sans-serif);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-secondary,#aaa);background:rgba(var(--overlay-ink) / .03);border:1px solid rgba(var(--overlay-ink) / .08);cursor:pointer;border-radius:100px;padding:.75rem 1.5rem;font-size:.68rem;font-weight:600;transition:color .4s cubic-bezier(.32,.72,0,1),background .4s cubic-bezier(.32,.72,0,1),border-color .4s cubic-bezier(.32,.72,0,1)}.wrap-scope-btn[aria-pressed=true]{color:var(--color-text-primary,#f0f0f0);box-shadow:0 0 0 1px #c0000033, 0 4px 16px #8b000026, inset 0 1px 0 rgba(var(--overlay-ink) / .08);background:#c000001f;border-color:#c0000066}.wrap-scope-btn:hover{background:rgba(var(--overlay-ink) / .06);border-color:rgba(var(--overlay-ink) / .15);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.wrap-scope-btn:active{transition-duration:.1s;transform:translateY(0)scale(.98)}.wrap-share-row{margin-top:var(--spacing-lg,1.5rem);padding-top:var(--spacing-md,1rem);border-top:1px solid rgba(var(--overlay-ink) / .06);flex-wrap:wrap;gap:1rem;display:flex}.wrap-share-btn{font-family:var(--font-display,sans-serif);letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-primary,#f0f0f0);cursor:pointer;box-shadow:0 0 0 1px #c000001a, 0 2px 8px #8b00001a, inset 0 1px 0 rgba(var(--overlay-ink) / .06);background:#c0000014;border:1px solid #c000004d;border-radius:100px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.72rem;font-weight:600;transition:background .5s cubic-bezier(.32,.72,0,1),border-color .5s cubic-bezier(.32,.72,0,1),box-shadow .5s cubic-bezier(.32,.72,0,1),transform .5s cubic-bezier(.32,.72,0,1);display:inline-flex}.wrap-share-btn:hover{box-shadow:0 0 0 1px #c0000033, 0 8px 24px #8b000033, inset 0 1px 0 rgba(var(--overlay-ink) / .1);background:#c0000026;border-color:#c0000080;transform:translateY(-2px)scale(1.02)}.wrap-share-btn:active{transition-duration:.15s;transform:translateY(0)scale(.98)}.wrap-share-btn:focus-visible{box-shadow:0 0 0 2px var(--color-bg-primary,#0b0b0e), 0 0 0 4px var(--color-accent-blood-light,#c00);outline:none}.wrap-share-btn-icon{background:rgba(var(--overlay-ink) / .06);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .5s cubic-bezier(.32,.72,0,1),transform .5s cubic-bezier(.32,.72,0,1);display:inline-flex}.wrap-share-btn:hover .wrap-share-btn-icon{background:#c0000040;transform:translate(2px)scale(1.1)}.wrap-share-btn-icon svg{stroke:currentColor;stroke-width:1.5px;fill:none;width:14px;height:14px}.wrap-share-img-btn{background:#6b7b8d14;border-color:#6b7b8d4d}.wrap-share-img-btn:hover{background:#6b7b8d26;border-color:#6b7b8d80}.wrap-share-img-btn:hover .wrap-share-btn-icon{background:#6b7b8d40}.wrap-share-btn:focus-visible,.wrap-scope-btn:focus-visible,.wrap-card-play:focus-visible,.wrap-card-tracklink:focus-visible{outline:2px solid var(--color-accent-blood-light,#c00);outline-offset:2px}.wrap-share-status{font-family:var(--font-body,monospace);letter-spacing:.05em;color:var(--color-text-steel,#6b7b8d);margin:var(--spacing-sm,.5rem) 0 0;font-size:.8rem}.wrap-empty{border:1px dashed var(--color-border,#222);padding:var(--spacing-lg,1.5rem);max-width:42rem}.wrap-empty-title{font-family:var(--font-display,sans-serif);letter-spacing:.08em;color:var(--color-text-primary,#f0f0f0);margin:0 0 var(--spacing-xs,.25rem);font-size:1rem;font-weight:600}.wrap-empty-copy{font-family:var(--font-body,monospace);color:var(--color-text-secondary,#aaa);margin:0 0 var(--spacing-md,1rem);max-width:52ch;font-size:.84rem;line-height:1.65}.wrap-privacy-note{font-family:var(--font-body,monospace);letter-spacing:.05em;color:var(--color-text-muted,#555);margin:var(--spacing-md,1rem) 0 0;max-width:56ch;font-size:.76rem;line-height:1.6}@media (prefers-reduced-motion:reduce){.wrap-card-tracklink,.wrap-card-play,.wrap-share-btn,.wrap-scope-btn,.wrap-share-btn-icon,.wrap-card-play-icon{transition:none!important;transform:none!important}}