.music-player{--music-red:#ff3653;--music-blue:#a8e4ff;--music-white:#f7f8fd;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;position:relative;isolation:isolate;padding:32px;border:1px solid #adc9f524;border-radius:24px;background:radial-gradient(ellipse at 8% 90%,#8b0b2538,transparent 55%),radial-gradient(ellipse at 88% 12%,#1d436037,transparent 55%),#090c13;color:var(--music-white);overflow:hidden;font-family:inherit;box-sizing:border-box}
.music-player *{box-sizing:border-box}.music-player button,.music-player input{font:inherit}.music-player button{cursor:pointer}.music-player button:disabled{cursor:default;opacity:.4}.music-player button:focus-visible,.music-player input:focus-visible{outline:2px solid var(--music-blue);outline-offset:5px}.music-art{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;min-width:0}.music-spectrum{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.music-orb{width:50%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 25% 20%,#222735,#080a11 65%);border:1px solid #acc5e03b;box-shadow:-12px 8px 35px #ff193321,12px -8px 35px #a8e4ff13,inset 0 0 25px #fff05;position:relative}.music-orb img{width:48%;height:48%;object-fit:contain;filter:drop-shadow(0 0 10px #fff3)}.music-orb span{font-size:clamp(6px,.65vw,11px);letter-spacing:.22em;margin-top:9%;color:#c5cedb}.music-art-label,.music-art-state{position:absolute;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.18em;font-weight:600;color:#91a0b7}.music-art-label{top:0}.music-art-state{bottom:0;font-size:9px;color:#708198}.music-is-playing .music-art-state{color:var(--music-blue)}.music-deck{min-width:0}.music-kicker{display:flex;align-items:center;gap:8px;color:#b8c6d8;font-size:10px;letter-spacing:.14em;line-height:1.6}.music-led{width:6px;height:6px;border-radius:50%;background:#667181;flex:0 0 auto}.music-is-playing .music-led{background:var(--music-blue);box-shadow:0 0 13px #a8e4ff99}.music-title{font-size:clamp(25px,3.1vw,44px);line-height:1.1;letter-spacing:-.04em;margin:17px 0 13px;font-weight:600;overflow-wrap:anywhere}.music-description{color:#9fadc1;font-size:13px;line-height:1.7;max-width:35em;margin:0 0 22px}.music-progress{margin-top:24px}.music-player input[type=range]{-webkit-appearance:none;appearance:none;display:block;height:4px;border:none;border-radius:5px;cursor:pointer;background:#26303d;padding:0;margin:10px 0}.music-player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:#e4efff;border:0;box-shadow:0 0 8px #a8e4ff55}.music-player input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#e4efff;border:0}.music-player input[type=range]:disabled{cursor:default;opacity:.5}.music-player .music-seek{width:100%;background:linear-gradient(90deg,var(--music-red),var(--music-blue)) 0 0/var(--music-progress,0%) 100% no-repeat,#26303d}.music-time{display:flex;justify-content:space-between;font-size:10px;font-variant-numeric:tabular-nums;color:#98a6ba;margin-top:12px}.music-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 0}.music-transport{display:flex;align-items:center;gap:17px}.music-icon-button{background:transparent;border:0;padding:10px;color:#b9c7dc;line-height:0;border-radius:50%}.music-icon-button:hover{background:#b9c7dc13;color:#fff}.music-icon-button svg,.music-volume-label svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.music-play{display:grid;place-items:center;width:58px;height:58px;border:1px solid #ddedf461;border-radius:50%;color:#0b1019;background:linear-gradient(135deg,#f5f6ff,#abd9f1);box-shadow:0 6px 28px #9edfff14;transition:transform .2s,box-shadow .2s;flex:0 0 auto}.music-play:hover{transform:scale(1.06);box-shadow:0 5px 33px #9edfff36}.music-play svg{width:24px;height:24px;fill:currentColor;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.music-play .music-play-icon{margin-left:-2px}.music-play .music-pause-icon{display:none;fill:none;stroke-width:3}.music-is-playing .music-play-icon{display:none}.music-is-playing .music-pause-icon{display:block}.music-volume-label{display:flex;align-items:center;gap:9px;color:#b8c4d5}.music-player .music-volume{width:75px}.music-feedback{min-height:17px;font-size:11px;line-height:1.5;color:#c3d8ed;margin:14px 0 9px}.music-tracklist{border-top:1px solid #adc9f51c}.music-track{display:flex;align-items:center;width:100%;text-align:left;gap:13px;border:none;border-bottom:1px solid #adc9f51c;padding:15px 12px;background:transparent;color:#9dacbf;border-radius:0;min-height:50px;transition:background .2s,color .2s}.music-track:hover{color:#fff;background:#a8e4ff09}.music-track.music-selected{color:#fff;background:linear-gradient(90deg,#ff36530e,#a8e4ff0d)}.music-track-number{font-size:10px;font-variant-numeric:tabular-nums;color:#7f90a8}.music-track-name{font-size:12px;line-height:1.5;flex:1}.music-track-indicator{display:flex;align-items:center;gap:3px;height:17px;opacity:0}.music-selected .music-track-indicator{opacity:1}.music-track-indicator i{display:block;width:2px;height:5px;background:var(--music-blue)}.music-track-indicator i:nth-child(2){height:12px}.music-track-indicator i:nth-child(3){height:8px}.music-note{font-size:10px;line-height:1.6;color:#7c8b9e;margin:17px 0 0}.music-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.music-player{gap:20px;padding:24px}.music-controls{gap:10px}.music-transport{gap:6px}.music-player .music-volume{width:55px}.music-orb span{font-size:7px}.music-kicker{font-size:9px}.music-art-label{font-size:9px}.music-description{font-size:12px}}
@media(max-width:620px){.music-player{grid-template-columns:1fr;padding:23px 19px;border-radius:18px;gap:25px}.music-art{max-width:360px;margin:auto}.music-orb span{font-size:9px}.music-title{font-size:31px;margin-top:13px}.music-description{font-size:13px}.music-controls{gap:20px}.music-transport{gap:17px}.music-player .music-volume{width:75px}.music-track{padding:15px 9px}.music-note{font-size:10px}.music-art-label{font-size:10px}}
@media(max-width:350px){.music-player{padding:18px 12px}.music-transport{gap:8px}.music-player .music-volume{width:53px}.music-controls{gap:10px}}
@media(prefers-reduced-motion:reduce){.music-player *{transition:none!important}.music-play:hover{transform:none}}