.recommendation{position:absolute;z-index:7;top:44%;width:190px;opacity:.72;transition:opacity .3s,transform .3s}.recommendation:hover{opacity:1}.recommendation-left{left:clamp(14px,3vw,55px)}.recommendation-right{right:clamp(14px,3vw,55px);text-align:right}.recommendation button{width:100%;padding:13px 0;border:0;border-top:1px solid #ffffff22;border-bottom:1px solid #ffffff0c;background:transparent;color:#eee8ef;text-align:inherit;cursor:pointer}.recommendation small,.recommendation strong,.recommendation span{display:block}.recommendation small{font-size:7px;letter-spacing:.2em;color:#a9a1b1}.recommendation strong{margin:7px 0 5px;font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommendation span{font-size:8px;color:#807887}.recommendation em{color:var(--pink);font-style:normal}body[data-artist="phil"] .recommendation em{color:var(--gold)}
.inline-track-row{cursor:pointer;flex-basis:var(--track-width,240px)!important;grid-template-columns:24px minmax(0,1fr) 39px 20px!important;grid-template-rows:1fr!important;grid-template-areas:'n t d p'!important;align-items:center}.inline-track-row .p{display:none}.track-favorite{appearance:none!important;grid-area:p;justify-self:end;align-self:center;width:20px!important;height:22px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#817987;font-size:19px!important;line-height:22px!important;cursor:pointer}.track-favorite:hover{color:#d1c8d4}.track-favorite.active{color:var(--pink)!important;text-shadow:0 0 14px #ed39b399}body[data-artist="phil"] .track-favorite.active{color:var(--gold)!important;text-shadow:0 0 14px #e0b26099}.track-plays{position:absolute;left:27px;right:auto;bottom:0;color:#77707d;font-size:7px;letter-spacing:.05em}.inline-track-row .n{font-size:10px!important}.inline-track-row .t{align-self:center!important;font-size:13px!important;font-weight:400!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}.inline-track-row .d{align-self:center!important;font-size:9px!important}.track-actions button{font-size:18px}
.track-actions{display:flex;gap:4px}.track-actions button{width:28px;height:28px;border:1px solid #ffffff19;border-radius:50%;background:transparent;color:#aaa3b3;cursor:pointer;font-size:16px}.track-actions button.active{border-color:#ed39b377;color:var(--pink)}body[data-artist="phil"] .track-actions button.active{border-color:#e0b26077;color:var(--gold)}
.comments-backdrop{position:fixed;z-index:30;inset:0;background:#05050bd1;backdrop-filter:blur(8px)}.comments-panel{position:fixed;z-index:31;top:0;right:0;width:min(440px,100vw);height:100vh;padding:84px 30px 25px;background:#0e0d19f7;border-left:1px solid #ffffff1c;box-shadow:-20px 0 70px #000b;overflow:auto}.comments-close{position:absolute;top:24px;right:25px;border:0;background:none;color:#bbb3c0;font-size:30px;cursor:pointer}.comments-panel>small{font-size:8px;letter-spacing:.22em;color:var(--gold)}.comments-panel h2{margin:8px 0 24px;font:400 25px Georgia,serif}.comments-list{display:grid;gap:14px;min-height:90px}.comment{padding:12px 0;border-bottom:1px solid #ffffff12}.comment header{display:flex;justify-content:space-between;color:#b8afbd;font-size:10px}.comment time{color:#68616d;font-size:8px}.comment p{margin:8px 0 0;color:#d3ccd5;font-size:12px;line-height:1.55;white-space:pre-wrap}.comments-empty{color:#77707c;font-size:12px;line-height:1.6}#comment-form{display:grid;gap:9px;margin-top:24px}#comment-form input,#comment-form textarea{width:100%;border:1px solid #ffffff1b;border-radius:7px;background:#ffffff05;color:#eee8ef;padding:11px;font:12px Inter,Arial,sans-serif;outline:none}#comment-form textarea{height:100px;resize:vertical}#comment-form input:focus,#comment-form textarea:focus{border-color:#ed39b366}body[data-artist="phil"] #comment-form input:focus,body[data-artist="phil"] #comment-form textarea:focus{border-color:#e0b26066}#comment-form button{justify-self:start;border:1px solid #ffffff2b;border-radius:100px;background:transparent;color:#cfc7d2;padding:9px 15px;font-size:8px;letter-spacing:.15em;cursor:pointer}#comment-status{min-height:16px;margin:0;color:#9b93a0;font-size:9px}.comment-trap{position:absolute!important;left:-9999px!important}
@media(max-width:1250px){.recommendation{display:none}}@media(max-width:700px){.track-actions{position:absolute;right:60px}.track-actions button{width:27px;height:27px;font-size:17px}.comments-panel{padding:72px 20px 20px}.inline-track-row{grid-template-columns:21px minmax(0,1fr) 31px 18px!important}.inline-track-row .t{font-size:11px!important}.inline-track-row .n{font-size:9px!important}.inline-track-row .d{font-size:8px!important}.track-favorite{width:18px!important;height:20px!important;font-size:17px!important;line-height:20px!important}}
.track-actions{align-items:center;gap:6px}.track-actions #comments-open{width:auto;padding:0 12px;border-radius:100px;font-size:8px;letter-spacing:.12em}
@media(max-width:700px){.track-actions{right:50px}.track-actions #comments-open{height:27px;padding:0 9px;font-size:7px}}