.playlist-page{padding-top:2rem;padding-bottom:4rem;max-width:700px;margin:0 auto}.playlist-hero{margin-bottom:2rem;border-radius:12px;overflow:hidden}.playlist-hero .hero-image-wrapper{position:relative;width:100%;aspect-ratio:3/2}.playlist-hero .hero-image{object-fit:cover}.playlist-header{text-align:center;margin-bottom:3rem}.playlist-icon-large{display:block;font-size:4rem;margin-bottom:1rem}.playlist-name{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.playlist-tagline{font-size:1.25rem;color:var(--text-muted);font-style:italic}.playlist-about{margin-bottom:2.5rem}.playlist-about h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.about-text{color:var(--text);line-height:1.7;margin-bottom:2rem}.composition-section{background:rgba(42,37,32,.3);border-radius:8px;padding:1.5rem}.composition-section h3{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.composition-intro{font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem}.composition-bars{display:flex;flex-direction:column;gap:1rem}.composition-tier{display:grid;grid-template-columns:120px 1fr auto;grid-gap:1rem;gap:1rem;align-items:center}.tier-info{display:flex;flex-direction:column}.tier-name{font-weight:600;color:var(--text);font-size:.9rem}.tier-range{font-size:.75rem;color:var(--text-muted)}.tier-bar-container{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.tier-bar{height:100%;background:var(--accent);border-radius:4px;transition:width .5s ease}.tier-meta{display:flex;flex-direction:column;align-items:flex-end;min-width:100px}.tier-percentage{font-family:var(--font-display);font-weight:600;color:var(--accent);font-size:.9rem}.tier-description{font-size:.75rem;color:var(--text-muted)}.playlist-stats{margin-bottom:2.5rem;text-align:center}.stats-grid{display:flex;justify-content:center;gap:3rem;margin-bottom:1rem}.stat-item{display:flex;flex-direction:column}.stat-item .stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text)}.stat-item .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.refresh-note{font-size:.85rem;color:var(--text-muted);font-style:italic}.playlist-listen{text-align:center;padding-top:1.5rem;border-top:1px solid var(--border)}.playlist-embed{margin-bottom:1rem;border-radius:12px;overflow:hidden}.spotify-button{display:inline-block;background:#1db954;color:#fff;font-weight:600;font-size:1rem;padding:.875rem 2rem;border-radius:999px;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.spotify-button:hover{background:#1ed760;transform:scale(1.02)}.playlist-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:1rem}.not-synced{color:var(--text-muted);font-style:italic}@media (max-width:600px){.playlist-icon-large{font-size:3rem}.playlist-name{font-size:2rem}.playlist-tagline{font-size:1.1rem}.composition-tier{grid-template-columns:1fr;gap:.5rem}.tier-info,.tier-meta{flex-direction:row;justify-content:space-between}.tier-meta{align-items:center;min-width:auto}.stats-grid{gap:1.5rem}}