:root{--spotify-green: #B00020;--spotify-green-dark: #7A0015;--spotify-surface: rgba(18, 18, 18, .92);--spotify-border: rgba(255, 255, 255, .1);--spotify-text-dim: rgba(255, 255, 255, .72)}.spotify-page{max-width:1100px;margin:0 auto;padding:2.25rem 1.5rem 3rem}.spotify-hero{position:relative;border:1px solid var(--spotify-border);background:radial-gradient(1200px 500px at 20% -10%,rgba(176,0,32,.35),transparent 60%),radial-gradient(900px 450px at 90% 10%,rgba(176,0,32,.3),transparent 55%),linear-gradient(180deg,#ffffff0a,#ffffff03);border-radius:18px;overflow:hidden}.spotify-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000040,#000000bf);pointer-events:none}.spotify-hero__content{position:relative;z-index:1;display:grid;grid-template-columns:160px 1fr;gap:1.75rem;padding:2rem;align-items:center}.spotify-cover{width:160px;height:160px;background:linear-gradient(135deg,#b000202e,#7a00152e);border:1px solid var(--spotify-border);border-radius:14px;display:grid;place-items:center;box-shadow:0 18px 55px #0000008c}.spotify-cover img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(0,0,0,.45))}.spotify-meta .kicker{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffdb}.spotify-meta .kicker i{color:var(--spotify-green);font-size:1.05rem}.spotify-meta h1{margin-top:.6rem;font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:.02em;color:#fff;text-transform:none}.spotify-meta .highlight{color:var(--spotify-green)}.spotify-meta p{margin-top:.65rem;color:var(--spotify-text-dim);font-size:1.05rem;line-height:1.6}.spotify-actions{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.btn.btn-spotify{background:var(--spotify-green);color:#fff;border:2px solid var(--spotify-green)}.btn.btn-spotify:hover{background:var(--spotify-green-dark);border-color:var(--spotify-green-dark)}.btn.btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.22)}.btn.btn-ghost:hover{border-color:#ffffff61;background:#ffffff0d}.spotify-body{margin-top:1.25rem;display:grid;grid-template-columns:1fr;gap:1.25rem}.spotify-player-card{border-radius:18px;border:1px solid var(--spotify-border);background:var(--spotify-surface);overflow:hidden;box-shadow:0 20px 65px #0000008c}.spotify-player-card__header{padding:1.25rem 1.25rem .9rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.spotify-player-card__title{color:#fff;font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase}.spotify-player-card__meta{color:#ffffff9e;font-size:.9rem;white-space:nowrap}.spotify-embed{padding:0 1.25rem 1.25rem}.spotify-embed iframe{width:100%;height:520px;border:0;border-radius:14px;background:#0f0f0f}.spotify-tip{border-radius:18px;border:1px solid var(--spotify-border);background:#ffffff08;padding:1.25rem;color:#ffffffbf;line-height:1.6}.spotify-tip strong{color:#fff}@media(max-width:768px){.spotify-page{padding:1.5rem 1rem 2.5rem}.spotify-hero__content{grid-template-columns:120px 1fr;padding:1.5rem;gap:1.2rem}.spotify-cover{width:120px;height:120px}.spotify-embed iframe{height:460px}}@media(max-width:480px){.spotify-hero__content{grid-template-columns:1fr;text-align:left}.spotify-cover{width:140px;height:140px}.spotify-player-card__header{flex-direction:column;align-items:flex-start}}