.track-detail{max-width:1200px;margin:auto}.track-breadcrumb{color:#8e9aaa;overflow-wrap:anywhere;align-items:center;gap:10px;margin-bottom:25px;font-size:12px;display:flex}.track-breadcrumb a{color:#c9fb46}.track-detail-hero{background:linear-gradient(130deg,#252d37,#161c22 75%);border:1px solid #343d47;border-radius:17px;grid-template-columns:270px minmax(0,1fr);align-items:center;gap:38px;margin-bottom:24px;padding:28px;display:grid}.track-detail-cover{aspect-ratio:1;background:#12171e;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 10px 26px #0005}.track-detail-cover>img{object-fit:cover;width:100%;height:100%}.track-detail-cover>span{bottom:0;color:#ddd;letter-spacing:1px;background:linear-gradient(#0000,#000b);align-items:center;gap:8px;padding:34px 15px 13px;font-size:9px;font-weight:800;display:flex;position:absolute;inset-inline:0}.track-detail-intro h1{letter-spacing:-1.8px;overflow-wrap:anywhere;margin:12px 0 16px;font-size:clamp(32px,4vw,53px);line-height:1.08}.track-detail-credit{color:#bfcbd6;font-size:19px;line-height:1.6}.track-detail-tags{flex-wrap:wrap;gap:7px;margin:15px 0 23px;display:flex}.track-detail-tags span{color:#bdcddd;border:1px solid #465160;border-radius:5px;padding:6px 9px;font-size:11px}.track-detail-layout{grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:24px;display:grid}.track-detail-layout>.account-panel,.track-detail-layout>aside>.account-panel:first-child{margin-top:0}.track-detail-layout h2{letter-spacing:-.4px;font-size:20px}.track-detail .rating-control{font-size:14px;display:block}.track-detail .rating-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.track-detail .rating-main select{color:#d7fa92;background:#12171d;border:1px solid #4e5d45;border-radius:8px;padding:12px;font-size:16px}.track-detail .rating-average{font-size:16px;font-weight:750}.track-detail .evaluation-panel details{border:1px solid #363f4a;border-radius:8px;margin:12px 0;padding:14px}.track-detail .evaluation-panel summary{cursor:pointer}.track-detail .evaluation-categories{grid-template-columns:1fr 1fr;gap:12px;display:grid}.track-detail .evaluation-categories select{color:#fff;background:#13171e;border:1px solid #4b5562;border-radius:6px;width:100%;margin-top:8px;padding:10px;display:block}.track-detail .evaluation-reactions{flex-wrap:wrap;gap:8px;display:flex}.track-detail .evaluation-reactions button,.track-detail .evaluation-save{color:#d4dfe9;background:#212933;border:1px solid #414c59;border-radius:6px;margin:5px 0;padding:10px 12px}.track-detail .evaluation-reactions button[aria-pressed=true]{color:#c9fb46;border-color:#c9fb46}.track-detail .evaluation-muted{color:#9eaabc;font-size:12px;line-height:1.7}.track-detail .rating-error{color:#ffadad;font-size:13px}.track-detail-section-title{color:#bac897;align-items:center;gap:10px;display:flex}.track-detail-section-title h2{color:#f1f4f8}.track-credit-list{margin:0;padding:0;list-style:none}.track-credit-list a{color:#edf2f7;border-top:1px solid #333b45;align-items:center;gap:12px;padding:15px 0;text-decoration:none;display:flex}.track-credit-list img{object-fit:cover;border-radius:8px;width:38px;height:38px}.track-credit-list a>span{flex:1}.track-credit-list strong,.track-release-list strong{font-size:14px}.track-credit-list small,.track-release-list small{color:#99a6b7;margin-top:5px;font-size:11px;line-height:1.6;display:block}.track-release-list article{border-top:1px solid #333b45;padding:16px 0}.track-release-list article>a:first-child{color:#edf2f7;align-items:center;gap:13px;text-decoration:none;display:flex}.track-release-list img{object-fit:cover;border-radius:8px;width:56px;height:56px}.track-release-list .track-source-link{color:#bed788;margin-top:10px;font-size:11px;display:inline-block}.track-detail a:focus-visible{outline-offset:3px;outline:2px solid #c9fb46}@media (max-width:900px){.track-detail-layout{grid-template-columns:1fr}.track-detail-hero{grid-template-columns:210px minmax(0,1fr);gap:25px}}@media (max-width:600px){.track-detail-hero{grid-template-columns:1fr;gap:24px;padding:20px}.track-detail-cover{width:200px;max-width:70vw;margin:auto}.track-detail-intro h1{letter-spacing:-1px;font-size:34px}.track-detail-credit{font-size:16px}.track-detail-intro .account-actions{gap:10px}.track-detail .evaluation-categories{grid-template-columns:1fr}.track-breadcrumb{font-size:11px}}