#track-preview{position:fixed;inset:auto;margin:0;padding:0;width:310px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);overflow:auto;border:1px solid #e9dfce45;border-radius:3px;background:#ece6da;color:#191619;box-shadow:0 22px 85px #000b;z-index:80;font-family:var(--sans)}
#track-preview:popover-open{animation:preview-in .2s ease-out}
@keyframes preview-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.preview-art{height:235px;position:relative;background:#161315;overflow:hidden}.preview-art>#preview-cover{width:100%;height:100%;object-fit:contain}.preview-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0009,transparent 32%,transparent 70%,#0008);pointer-events:none}.preview-kicker{position:absolute;left:17px;top:17px;color:#f5eee5;font-size:7px;letter-spacing:1.5px}.preview-close{position:absolute;right:9px;top:7px;width:34px;height:34px;background:#0c0c0dd9;color:#fff;border:1px solid #fff4;border-radius:50%;font-size:23px}.preview-emblem{position:absolute;width:35px;height:45px;object-fit:contain;right:12px;bottom:10px}.preview-body{padding:20px 22px 18px}.preview-body>p{font-size:9px;text-transform:uppercase;letter-spacing:1.7px;color:#8c2838;margin:0 0 9px}.preview-body h3{font:30px/1.07 Georgia,serif;letter-spacing:-.7px;margin:0;overflow-wrap:anywhere}#preview-facts{font-size:10px;line-height:1.6;color:#71645d;margin-top:14px}.preview-actions{display:flex;gap:9px;margin-top:21px}.preview-actions button{min-height:41px;padding:10px 13px;font-size:11px;border:1px solid #c4b9aa;color:#292024;flex:1}#preview-play{background:#862737;border-color:#862737;color:#fff}.preview-actions button:hover{background:#251e21;color:#fff}#preview-source{display:block;margin-top:16px;font-size:9px;color:#76615d}#track-preview :focus-visible{outline:2px solid #a92e43;outline-offset:3px}.track-detail{font-size:17px;min-width:28px;min-height:32px;color:#baaaa0}.discovery-track .track-detail{position:absolute;right:24px;top:27px}.discovery-track>button:first-child{padding-right:56px}.discovery-track:has([aria-expanded="true"]){border-bottom-color:#c94b57;background:#e9e1d507}.list-row>.track-detail{flex:0 0 30px!important;font-size:19px!important}.list-row>button[data-save],.list-row>button[data-remove]{flex:0 0 25px;font-size:20px;color:var(--orange)}
@media(max-width:700px){#track-preview{width:340px}.preview-art{height:min(270px,34dvh)}.preview-body h3{font-size:28px}.discovery-track>button:first-child{padding-right:24px}.discovery-track .track-save{display:none}.discovery-track .track-detail{right:-5px;top:28px}.list-row>.track-detail{min-width:28px}.preview-close{width:42px;height:42px}.preview-actions button{min-height:44px}}
@media(prefers-reduced-motion:reduce){#track-preview:popover-open{animation:none}}