.music-player{position:relative;width:218px;flex-shrink:0;color:#e6edf5;--music-edge:rgba(226,239,255,.2);--music-frost:rgba(184,215,245,.1)}
.music-dock{display:flex;align-items:center;gap:9px;height:52px;padding:5px 9px 5px 5px;border:1px solid var(--music-edge);border-radius:40px 40px 35px 35px;background:linear-gradient(140deg,rgba(201,229,255,.16),rgba(128,173,218,.035) 62%,rgba(163,199,241,.1));backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(155,205,253,.08),0 6px 23px rgba(0,10,30,.13);transition:border-color .3s,box-shadow .3s}
.music-dock:hover{border-color:rgba(226,239,255,.33);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 27px rgba(0,10,30,.18)}
.music-player[data-awaiting-gesture=true] .music-caption{color:#d1e4f8}.music-player[data-awaiting-gesture=true] .music-disc{color:#e4effb}
.music-disc{position:relative;display:grid;place-items:center;background:none;isolation:isolate;padding:0;width:40px;height:40px;flex-shrink:0;border-radius:50%;overflow:visible}
.music-disc-ring{position:absolute;inset:0;width:40px!important;height:40px!important;transform:rotate(-90deg);fill:none;stroke-width:1;pointer-events:none}.music-ring-base{stroke:rgba(211,232,255,.15)}#music-ring-progress{stroke:#cadff4;stroke-linecap:round;stroke-dasharray:125.664;stroke-dashoffset:125.664;transition:stroke-dashoffset .5s linear}
.music-disc-vinyl{position:absolute;inset:4px;border-radius:50%;background:repeating-radial-gradient(circle,#162c44 0 1px,#344e6a 1px 2px,#172d46 2px 3px);box-shadow:inset 0 0 0 1px rgba(242,248,255,.12);opacity:.72;z-index:-1}.music-disc-vinyl:after{content:'';position:absolute;inset:7px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(216,238,255,.18) 48deg,transparent 105deg,transparent 190deg,rgba(216,238,255,.12) 250deg,transparent 310deg);animation:music-spin 8s linear infinite;animation-play-state:paused}.music-player[data-playing=true] .music-disc-vinyl:after{animation-play-state:running}
.music-play-icon,.music-pause-icon{width:17px!important;height:17px!important}.music-pause-icon{display:none}.music-player[data-playing=true] .music-play-icon{display:none}.music-player[data-playing=true] .music-pause-icon{display:block}
.music-summary{display:block;text-align:left;min-width:0;flex:1;padding:4px 0;background:none;line-height:1.4}.music-title,.music-caption{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.music-title{font-size:10px;letter-spacing:.01em}.music-caption{font-size:8px;color:#a9bed4;margin-top:3px;letter-spacing:.015em}
.music-button{display:grid;place-items:center;width:28px;height:28px;background:none;border-radius:50%;padding:4px;color:#bccfe1;flex-shrink:0;transition:background .2s,color .2s}.music-button svg{width:17px;height:17px}.music-button:hover{background:rgba(223,239,255,.09);color:#fff}.music-dock-next{width:24px;height:28px;padding:3px}
.music-window[hidden]{display:none}.music-window{position:absolute;right:0;top:calc(100% + 13px);z-index:8;width:292px;max-width:calc(100vw - 44px);padding:16px 20px 18px;border:1px solid rgba(217,236,255,.23);border-radius:27px;background:linear-gradient(145deg,rgba(104,137,174,.28),rgba(8,26,48,.86) 70%);backdrop-filter:blur(35px) saturate(140%);-webkit-backdrop-filter:blur(35px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.21),0 18px 65px rgba(0,8,23,.4);animation:music-reveal .23s ease-out;transform-origin:top right}
.music-window-top{display:flex;justify-content:space-between;align-items:center;margin:0 -5px 16px 0}.music-window-top>span{font-size:7px;letter-spacing:.18em;color:#abc1d7}.music-now strong,.music-now>span{display:block}.music-now strong{font-size:17px;font-weight:400;letter-spacing:-.025em}.music-now>span{font-size:10px;color:#acbfd3;margin-top:7px}.music-seek-label{display:block;margin-top:22px}.music-seek{display:block;width:100%;height:16px;margin:0;padding:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;accent-color:#d5e5f8;border:0}.music-seek:disabled{opacity:.4;cursor:default}.music-seek::-webkit-slider-runnable-track{height:2px;border-radius:4px;background:linear-gradient(90deg,#d5e5f8 var(--music-progress,0%),rgba(199,222,247,.21) var(--music-progress,0%))}.music-seek::-moz-range-track{height:2px;background:rgba(199,222,247,.21)}.music-seek::-moz-range-progress{height:2px;background:#d5e5f8}.music-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#e1ecf8;border:0;width:7px;height:7px;border-radius:50%;margin-top:-2.5px;box-shadow:0 0 10px rgba(216,236,255,.35)}.music-seek::-moz-range-thumb{background:#e1ecf8;border:0;width:7px;height:7px;border-radius:50%}.music-times{display:flex;justify-content:space-between;color:#a3b8cf;font-size:8px;font-variant-numeric:tabular-nums;margin-top:2px}.music-controls{display:flex;justify-content:center;align-items:center;gap:27px;margin:16px 0 20px}.music-main-play{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(218,237,255,.24);background:linear-gradient(145deg,rgba(228,241,255,.17),rgba(167,209,251,.055));box-shadow:inset 0 1px 0 rgba(255,255,255,.13);transition:background .2s}.music-main-play:hover{background:rgba(209,232,255,.21)}
.music-track-list{border-top:1px solid rgba(206,227,248,.13);padding-top:8px}.music-track-list button{display:flex;gap:11px;align-items:center;width:100%;background:none;text-align:left;padding:10px 0;color:#b0c2d6;line-height:1.4}.music-track-list button>span:first-child{font-size:8px;font-variant-numeric:tabular-nums;color:#8ba5bf}.music-track-list button>span:nth-child(2){font-size:10px;flex:1}.music-track-list small{display:block;font-size:8px;color:#8ea8c2;margin-top:3px}.music-track-list button[aria-pressed=true]{color:#ecf3fd}.music-track-dot{width:4px;height:4px;border-radius:50%;background:transparent;flex-shrink:0}.music-track-list button[aria-pressed=true] .music-track-dot{background:#c5e0fc;box-shadow:0 0 9px rgba(167,213,255,.4)}.music-status{font-size:8px;line-height:1.6;color:#8fa8c3;margin-top:9px;min-height:13px}
@keyframes music-spin{to{transform:rotate(360deg)}}@keyframes music-reveal{from{opacity:0;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1100px) and (min-width:761px){.music-player{width:190px}.music-dock{gap:7px;height:48px}.music-title{font-size:9px}.music-caption{font-size:7px}}
@media(max-width:760px){.music-player{width:156px}.music-dock{height:40px;gap:6px;padding:3px 6px 3px 3px}.music-disc{width:32px;height:32px}.music-disc-ring{width:32px!important;height:32px!important}.music-disc-vinyl{inset:3px}.music-title{font-size:8px}.music-caption{font-size:6px;margin-top:2px}.music-dock-next{width:20px;height:25px;padding:2px}.music-dock-next svg{width:14px;height:14px}.music-window{top:calc(100% + 11px);width:276px;max-width:calc(100vw - 44px);padding:15px 18px 17px}}
@media(prefers-reduced-motion:reduce){.music-disc-vinyl:after,.music-window{animation:none}}