.favorite-music{padding:30px 0 100px}.favorite-music-intro{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px}.favorite-music-intro h2{font-size:clamp(38px,5vw,58px);font-weight:450;letter-spacing:-2px;margin:12px 0 0}.favorite-music-intro h2 em{font-family:"Instrument Serif",Georgia,serif;font-weight:400;color:var(--accent)}.favorite-music-intro>p{color:var(--muted);font-size:14px;line-height:1.7;max-width:280px;margin:0 0 5px}
.music-card{--music-green:#b5e4c5;position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#12241fed,#101616f5 65%);color:#f1f5ef;box-shadow:0 24px 70px #0002;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,sans-serif}.music-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 0%,#529c7030,transparent 60%)}.music-card-top{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:25px 30px;color:#b4c9ba;font-size:10px;letter-spacing:1.4px}.music-card-top>span:first-child{display:flex;align-items:center;gap:9px}.music-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,5vw,70px);padding:16px 40px 32px}.music-feature{min-width:0}.music-sleeve{position:relative;width:min(75%,250px);margin:4px auto 26px;isolation:isolate;animation:music-sleeve-in .45s ease-out}.music-sleeve>img{display:block;position:relative;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:7px;box-shadow:0 18px 35px #0006;transition:transform .5s ease}.music-record{position:absolute;inset:3%;left:20%;width:94%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#202624 0px,#101714 2px,#28302b 3px,#151d19 5px);display:grid;place-items:center;transform:translateX(16%);transition:transform .6s ease;z-index:-1;box-shadow:4px 7px 24px #0004}.music-record svg{width:22%;height:22%;padding:8px;background:#afd0b4;border-radius:50%;color:#163323}.music-sleeve:hover .music-record{transform:translateX(28%) rotate(35deg)}.music-sleeve:hover>img{transform:translateX(-4px) rotate(-2deg)}.music-kicker{font-size:9px;color:#9ab09e;letter-spacing:1.5px}.music-selected h3{font-size:25px;font-weight:550;letter-spacing:-.6px;margin:8px 0 5px}.music-selected p{margin:0;color:#b9c6bc;font-size:13px}.music-selection-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.music-selection-controls a{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--music-green)}.music-selection-controls>div{display:flex;gap:6px}.music-selection-controls button{width:32px;height:32px;display:grid;place-items:center;background:#ffffff0c;border:0;border-radius:50%;color:#dce7df;cursor:pointer}.music-selection-controls button:hover{background:#ffffff20}.music-queue{min-width:0}.music-queue-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px}.music-queue-heading h3{font-size:17px;font-weight:500;margin:0}.music-queue-heading>span{font-size:9px;color:#8fa394;letter-spacing:1.2px}.music-queue ol{list-style:none;padding:0;margin:0;display:grid;gap:8px}.music-track{width:100%;display:grid;grid-template-columns:18px 48px minmax(0,1fr) 7px;gap:12px;align-items:center;text-align:left;padding:13px 12px;border:0;border-radius:11px;background:transparent;color:inherit;font:inherit;cursor:pointer;transition:background .25s ease,transform .25s ease}.music-track:hover{background:#ffffff08;transform:translateX(3px)}.music-track.is-selected{background:#b9f6cd10}.music-track img{width:48px;height:48px;object-fit:cover;border-radius:5px}.music-track-number{color:#8d9b91;font-size:10px;font-variant-numeric:tabular-nums}.music-track-copy{display:grid;min-width:0;gap:4px}.music-track-copy strong{font-size:13px;font-weight:550;line-height:1.3;overflow-wrap:anywhere}.music-track-copy>span{font-size:11px;color:#a7b8ac}.music-track-copy small{font-size:10px;color:#7d9285}.music-track-dot{width:5px;height:5px;border-radius:50%;background:transparent}.is-selected .music-track-dot{background:#9ce3b3;box-shadow:0 0 9px #9ce3b340}.music-listening-note{display:flex;align-items:center;gap:10px;color:#83968a;margin:23px 12px 0}.music-listening-note>span{font-size:24px}.music-listening-note p{font-size:11px;line-height:1.6;margin:0;max-width:220px}.music-player{padding:0 30px 24px}.music-player-label{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1px;color:#8ba093;margin-bottom:10px}.music-player-label>span:last-child{letter-spacing:0}.music-player iframe{display:block;width:100%;height:152px;border:0;border-radius:12px;background:#202020}.music-preview-note{font-size:10px;color:#91a096;line-height:1.6;margin:12px 3px 0}.music-preview-note a{color:#c0dac8;text-decoration:underline;text-underline-offset:3px}.music-card button:focus-visible,.music-card a:focus-visible{outline:2px solid #b5e4c5;outline-offset:4px}.music-static-links{line-height:2;color:var(--muted)}
@keyframes music-sleeve-in{from{opacity:.3;transform:translateY(8px) rotate(-3deg)}to{opacity:1;transform:none}}
@media(max-width:700px){.favorite-music{padding-bottom:60px}.favorite-music-intro{display:block}.favorite-music-intro>p{margin-top:14px;max-width:330px}.music-layout{grid-template-columns:1fr;padding:12px 24px 26px;gap:30px}.music-sleeve{width:190px}.music-card-top{padding:22px 24px;font-size:8px;letter-spacing:1px}.music-player{padding:0 16px 20px}.music-queue-heading{margin-bottom:9px}.music-track{padding:11px 8px}.music-listening-note{display:none}.music-card{border-radius:18px}.music-selected h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.music-card *{animation:none!important;transition:none!important}.music-sleeve:hover .music-record{transform:translateX(16%)}.music-sleeve:hover>img,.music-track:hover{transform:none}}