:root{--grad-sunrise:linear-gradient(90deg,hsla(33,100%,53%,1) 0%,hsla(58,100%,68%,1) 100%)}.audio-player-ui{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;width:100%}.play-btn{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#6a5cff,#d94fff);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.icon.play{width:0;height:0;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:2px}.icon.pause{width:12px;height:16px;background:#fff;box-shadow:6px 0 0 #fff}.track-wrap{width:100%}.progress{width:100%;height:4px;appearance:none;background:#e5e5e5;border-radius:2px;cursor:pointer}.progress::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#000;cursor:pointer}.meta{display:flex;align-items:center;gap:12px;font-size:14px;white-space:nowrap}.volume{width:70px;height:4px;appearance:none;background:#e5e5e5;border-radius:2px;cursor:pointer}.volume::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#000}