.spotify-connect{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-weight:800;text-decoration:none;white-space:nowrap;transition:border-color .2s ease,background .2s ease,color .2s ease}.spotify-connect:hover{border-color:#1ed760}.spotify-connect.is-connected{border-color:#1ed760;background:#1ed760;color:#08130b}.spotify-connect svg{flex:0 0 auto}.site-notice{width:var(--content);margin:14px auto 0;padding:11px 15px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:.9rem;font-weight:700}.site-notice.success{border-color:#1ed760}.site-notice.error{border-color:#d35252;color:#a32e2e}
.swipe-player{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:center;margin:24px 0 0;padding:20px 22px;border:1px solid #383832;border-radius:16px;background:#1a1a17;box-shadow:0 18px 50px rgba(0,0,0,.2)}.swipe-player-status{min-width:0}.swipe-player-status p{margin:5px 0 0;color:#c2c1ba}.swipe-player-status p.is-error{color:#ffaaaa}.playback-mode,.playback-availability{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border-radius:999px;background:#2a2a25;color:#d8d7d0;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.swipe-player-controls{display:flex;justify-content:flex-end}.playback-toggle{min-width:124px}.swipe-player-progress{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.swipe-player-progress progress{width:100%;height:7px;accent-color:#1ed760}.swipe-player-progress label{display:flex;align-items:center;gap:9px;color:#aaa9a2;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.swipe-player-progress input{width:130px;accent-color:#1ed760}.spotify-player-connect{grid-column:1/-1;color:#1ed760;font-size:.85rem;font-weight:800;text-underline-offset:.22em}.swipe-page .swiper-controls{margin-top:16px}.swipe-page .swiper-controls progress{accent-color:#1ed760}
@media(max-width:760px){.site-nav{gap:8px}.site-nav>a.spotify-connect{display:inline-flex}.swipe-player{grid-template-columns:1fr;padding:18px}.swipe-player-controls{justify-content:stretch}.playback-toggle{width:100%}.swipe-player-progress{grid-template-columns:1fr}.swipe-player-progress label{justify-content:space-between}.swipe-player-progress input{width:min(55vw,220px)}}
@media(max-width:520px){.spotify-connect span{display:none}.spotify-connect{width:42px;padding:8px;justify-content:center}.site-header .brand{width:min(245px,65vw)}.swipe-player{margin-top:18px}.swipe-player-status p{font-size:.9rem}}


/* Mobile header: actions first, full-width collection logo below. */
@media(max-width:760px){
  .site-header{height:auto;min-height:0;padding:12px 0 18px;flex-wrap:wrap;align-items:flex-start}
  .site-header .site-nav{order:1;width:100%;justify-content:flex-end}
  .site-header .brand{order:2;width:100%;max-width:none;margin-top:14px}
  .site-header .brand img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:left center}
}