.audio-art{height:100%;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 20%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 65%),linear-gradient(140deg,#172334,#090e17)}.audio-disc{display:grid;place-items:center;width:132px;height:132px;border-radius:50%;background:repeating-radial-gradient(circle,#ffffff04 0 2px,#0003 3px 5px);border:1px solid #ffffff20;box-shadow:0 15px 45px #0007;color:var(--accent)}.audio-disc svg{width:64px;height:64px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
#music-player{box-sizing:border-box;width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 36px);padding:30px;border:1px solid #ffffff30;border-radius:26px;background:radial-gradient(ellipse at 15% 0%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 55%),#0b121feb;box-shadow:0 30px 110px #000a,inset 0 1px 0 #ffffff12;backdrop-filter:blur(30px);overflow:auto;color:#edf5ff}
#music-player button{cursor:pointer}#music-player .music-close{position:absolute;top:16px;right:16px;width:36px;height:36px;padding:0;border-radius:50%;font-size:25px;line-height:1;background:#ffffff08;border:1px solid #ffffff25}.music-heading{font-size:13px;letter-spacing:3px;font-weight:600}.music-heading span{color:#95a7be;font-size:9px;letter-spacing:2px}.music-artwork{height:190px;display:grid;place-items:center;position:relative;margin:20px 0 12px;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 14%,transparent),transparent 65%)}.music-record{display:grid;place-items:center;width:155px;height:155px;border-radius:50%;border:1px solid #ffffff25;background:repeating-radial-gradient(circle,#172033 0 2px,#0b101a 3px 5px);box-shadow:0 20px 40px #0007;animation:record-turn 18s linear infinite;animation-play-state:paused}.music-record span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--accent);color:#0a1720;font-size:14px;letter-spacing:2px}.is-playing .music-record{animation-play-state:running}.music-bars{display:flex;position:absolute;bottom:0;gap:4px;height:24px;align-items:center}.music-bars i{width:3px;height:7px;background:var(--accent);border-radius:2px;animation:music-pulse .8s ease-in-out infinite alternate;animation-play-state:paused;opacity:.65}.music-bars i:nth-child(3n){animation-delay:-.3s}.music-bars i:nth-child(2n){animation-delay:-.6s}.is-playing .music-bars i{animation-play-state:running}.music-album{font-size:10px;text-align:center;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin:18px 0 8px}#music-title{font-size:25px;line-height:1.3;letter-spacing:-.5px;text-align:center;margin:0 0 22px;overflow-wrap:anywhere}.music-timeline input,.music-level input{padding:0;margin:0;border:0;accent-color:var(--accent);cursor:pointer}.music-timeline>div{display:flex;justify-content:space-between;color:#a8b8ca;font-size:11px;margin-top:8px;font-variant-numeric:tabular-nums}.music-transport{display:flex;align-items:center;justify-content:center;gap:22px;margin:18px 0}.music-transport button{display:grid;place-items:center;width:42px;height:42px;border:0;background:transparent;padding:8px;color:#dbe9fa}.music-transport button:disabled{opacity:.3}.music-transport svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#music-player .music-play{width:60px;height:60px;border-radius:50%;background:var(--accent);color:#09141e;box-shadow:0 0 30px color-mix(in srgb,var(--accent) 18%,transparent)}.music-play svg{width:29px;height:29px;stroke-width:2.3}.music-level{display:flex;align-items:center;justify-content:center;gap:10px}.music-level input{width:115px}.music-level button{width:32px;height:32px;padding:0;border:0;background:transparent;color:var(--accent);font-size:21px}.music-status{font-size:12px;color:#ffc5b5;text-align:center;margin:12px 0;min-height:0}.music-status:empty{display:none}.music-playlist{border-top:1px solid #ffffff15;margin-top:20px;padding-top:10px;max-height:165px;overflow:auto;scrollbar-width:thin}#music-player .music-track{display:flex;align-items:center;gap:15px;text-align:left;width:100%;padding:12px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#b7c6da;font-size:13px}.music-track span:first-child{font-size:10px;font-variant-numeric:tabular-nums;color:#7d90a7}.music-track span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#music-player .music-track[aria-current=true]{color:var(--accent);background:#ffffff07;border-color:#ffffff12}#music-player button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes record-turn{to{transform:rotate(360deg)}}@keyframes music-pulse{to{height:23px;opacity:1}}@media(max-width:600px){#music-player{padding:24px 20px}.music-artwork{height:150px;margin-top:16px}.music-record{width:130px;height:130px}#music-title{font-size:22px}.music-playlist{max-height:130px}}@media(prefers-reduced-motion:reduce){.music-record,.music-bars i{animation:none}}