.jukebox{background:#152636;border-block:1px solid #ffffff26}.jukebox-top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.jukebox-top p{max-width:330px;font-size:14px;line-height:1.7;color:#b9ad9c}.jukebox-body{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid #687a8655;border-radius:12px;overflow:hidden;background:#151515}.jukebox-library{padding:28px}.jukebox-search{width:100%;margin:8px 0 22px}.jukebox-search-label{font-size:12px;color:#b9ad9c}.track-button{display:flex;align-items:center;text-align:left;gap:16px;width:100%;padding:22px 18px;background:#302b26;color:#f4e8d4;border:1px solid #f4e8d488;border-radius:4px}.track-button .track-number{font:600 30px 'Source Serif 4',Georgia,serif;color:#f4e8d4}.track-button strong{display:block;font-size:16px}.track-button small{display:block;margin-top:7px;color:#b9ad9c;font-size:12px}.track-button .track-play{margin-left:auto;color:#f4e8d4}.jukebox-empty{font-size:14px;line-height:1.6;color:#b9ad9c}.jukebox-player{background:#24211e;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.jukebox-disc{width:148px;height:148px;border-radius:50%;background:repeating-radial-gradient(circle,#162029 0 3px,#344653 4px,#162029 5px);display:grid;place-items:center;margin:0 0 22px;box-shadow:0 8px 30px #0004}.jukebox-disc span{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#f4e8d4;color:#151515;font-size:12px;font-weight:600;line-height:1.2}.jukebox.is-playing .jukebox-disc{animation:record-spin 7s linear infinite}.jukebox-player h3{font-size:18px;margin:0 0 8px}.jukebox-player p{font-size:12px;color:#b9ad9c;margin:0 0 20px}.jukebox-player audio{width:100%;max-width:380px}.jukebox-player .jukebox-feedback{margin:14px 0 0;font-size:12px;min-height:18px}.jukebox-foot{font-size:12px;color:#b9ad9c;margin:20px 0 0}.friends-intro{max-width:520px;font-size:15px;line-height:1.7;color:#b9ad9c;margin:22px 0 32px}.friends-options{display:grid;grid-template-columns:1fr 1fr;gap:0;border-block:1px solid #ffffff26}.friends-option{padding:32px 30px 32px 0}.friends-option+.friends-option{border-left:1px solid #ffffff26;padding-left:30px}.friends-option h3{font-size:27px;font-weight:500;letter-spacing:-1px;margin:0 0 14px}.friends-option p{font-size:14px;line-height:1.7;color:#b9ad9c;max-width:400px}.friends-option a,.friends-option button{display:inline-block;margin-top:12px;color:#f4e8d4;background:none;border:0;border-bottom:1px solid #f4e8d4;padding:7px 0;font-size:13px;font-weight:600}.friends-kicker{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#f4e8d4;margin-bottom:15px}.detail-main{max-width:1150px;margin:auto;padding:80px 6% 100px}.detail-main h1{font:600 clamp(68px,11vw,150px)/.88 'Source Serif 4',Georgia,serif;letter-spacing:-3px;margin:25px 0 35px;color:#f4e8d4}.detail-main>.detail-copy{font-size:20px;line-height:1.6;max-width:680px}.detail-main .button{margin-top:28px}@keyframes record-spin{to{transform:rotate(360deg)}}@media(max-width:800px){.jukebox-top{display:block}.jukebox-top p{margin-top:20px}.jukebox-body,.friends-options{grid-template-columns:1fr}.jukebox-library,.jukebox-player{padding:23px}.friends-option+.friends-option{border-left:0;border-top:1px solid #ffffff26;padding-left:0}.detail-main{padding-top:45px}}@media(prefers-reduced-motion:reduce){.jukebox.is-playing .jukebox-disc{animation:none}}