.mixtape-hero{background:#3a1840;color:#fff2d1;padding:50px 6%;background-image:radial-gradient(#ffdf3640 1px,transparent 1px);background-size:10px 10px}
.mixtape-hero h1{font-size:clamp(52px,8vw,108px);line-height:.9;margin:22px 0;max-width:980px;color:#ffdf36;text-shadow:4px 4px #3a1840,5px 5px #ff4888}
.mixtape-hero em{color:#ff9ec0;font-style:italic}
.mixtape-hero>p{max-width:720px}
.mixtape-stamp{display:inline-block;background:#ffdf36;color:#201326;padding:10px 12px;margin-top:8px;font:700 10px 'Space Mono',monospace;transform:rotate(-2deg);box-shadow:3px 3px #201326}
.tape-filters{display:grid;grid-template-columns:2fr 1fr auto;gap:13px;align-items:end;margin:8px 0 22px}
.tape-filters label{font:10px 'Space Mono',monospace;display:flex;flex-direction:column;gap:8px}
.tape-filters input,.tape-filters select{width:100%;min-width:0;padding:12px;border:1px solid #202026;background:#fff9e8;font:13px 'DM Sans',sans-serif;height:44px}
.tape-categories{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.tape-categories button{padding:10px 14px;border:2px solid #202039;background:#fff9e8;font:700 11px 'Space Mono',monospace;cursor:pointer}
.tape-categories button[aria-pressed=true]{background:#ffdf36}
#tape-status{font-size:12px;color:#706454;margin:0 0 22px}
.tape-rack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tape-card{border:2px solid #202026;background:#fff9e8;box-shadow:4px 4px #202026;display:flex;flex-direction:column;min-width:0}
.tape-spine{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font:700 10px 'Space Mono',monospace;border-bottom:2px solid #202026;color:#201326}
.tape-card.pink .tape-spine{background:#ff8eb3}
.tape-card.mint .tape-spine{background:#8cd1bb}
.tape-card.purple .tape-spine{background:#c4a6e8}
.tape-card.orange .tape-spine{background:#f2a268}
.tape-card.yellow .tape-spine{background:#ffdf36}
.tape-card.blue .tape-spine{background:#8eb4ff}
.tape-art{height:170px;background:#222238;overflow:hidden}
.tape-art svg{width:100%;height:100%}
.tape-card-body{padding:18px;flex:1;display:flex;flex-direction:column}
.tape-card-body .eyebrow{font-size:9px;color:#9b2554}
.tape-card h3{font-size:32px;margin:8px 0 10px}
.tape-card p{font-size:13px;line-height:1.65}
.tape-card button[data-tape]{background:#ffdf36;border-top:1px solid #202026;padding:15px;text-align:left;font:700 10px 'Space Mono',monospace;margin-top:auto}
#tape-dialog{width:94%;max-width:920px;max-height:92vh;background:#fff6df;border:3px solid #202026;padding:25px}
#tape-dialog::backdrop{background:#171323dc}
#tape-detail h2{font-size:48px;margin:18px 0 12px}
#tape-detail h3{font-size:28px;margin-top:26px}
#tape-detail p,#tape-detail li{font-size:14px;line-height:1.75}
#tape-detail a{text-decoration:underline;text-underline-offset:3px}
.track-list{list-style:none;padding:0;margin:12px 0 0}
.track-list li{border-bottom:1px solid #d8cbb0;padding:14px 0;display:grid;grid-template-columns:2.2fr 1fr;gap:10px}
.track-list .track-main strong{display:block;font-size:18px;font-family:'Barlow Condensed',sans-serif}
.track-list small{display:block;color:#756953;margin-top:4px}
.track-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:start;justify-content:end}
.track-actions a{font:700 10px 'Space Mono',monospace;border:1px solid #202026;padding:8px 10px;text-decoration:none;background:#fff9e8}
.streaming-hint{font-size:12px;color:#706454}
#tape-share-status{font-size:12px;min-height:1.4em}
@media(max-width:1050px){.tape-rack{grid-template-columns:repeat(2,minmax(0,1fr))}.tape-filters{grid-template-columns:1fr 1fr}.tape-filters button{grid-column:1/-1;justify-self:start}}
@media(max-width:650px){.mixtape-hero{padding:35px 5%}.tape-rack{grid-template-columns:1fr}.tape-filters{grid-template-columns:1fr}.track-list li{grid-template-columns:1fr}.track-actions{justify-content:start}#tape-detail h2{font-size:36px}.masthead nav{flex-wrap:wrap;white-space:normal}}