.playlist-preview{border-top:1px solid var(--line)}.playlist-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.playlist-preview-grid>a{min-height:260px;padding:24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#171022,#09070e);display:flex;flex-direction:column;box-shadow:0 15px 40px #0007}.playlist-preview-grid>a:hover{border-color:var(--pink);box-shadow:0 0 28px #ff3df22c}.playlist-preview-grid span{font:500 9px DM Mono,monospace;color:var(--pink);letter-spacing:.12em}.playlist-preview-grid h3{font-size:clamp(34px,4vw,55px);line-height:.9;margin:24px 0 12px}.playlist-preview-grid p{color:var(--muted);line-height:1.5}.playlist-preview-grid b{margin-top:auto;color:var(--cyan);font:500 10px DM Mono,monospace}.playlist-feed{display:flex;flex-direction:column;gap:12px}.playlist-feed article{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:24px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(110deg,#140c20,#09070e)}.playlist-number{font-family:'Bebas Neue';font-size:70px;color:var(--pink);text-shadow:0 0 20px #ff3df266}.playlist-feed span{font:500 9px DM Mono,monospace;color:var(--cyan)}.playlist-feed h2{font-size:clamp(36px,5vw,64px);margin:9px 0}.playlist-feed p{margin:0;color:var(--muted);line-height:1.5}@media(max-width:720px){.playlist-preview-grid{grid-template-columns:1fr}.playlist-feed article{grid-template-columns:55px 1fr}.playlist-feed article>.button{grid-column:2;justify-self:start}.playlist-number{font-size:52px}}