.fx-fullplayer{--fx-accent:#a98bff;--fx-on-accent:#0a0810;--fx-fg:#f5f5fa;--fx-muted:#8a8a9a;--fx-bg:#0b0b10;--fx-radius:16px;--fx-card-pct:65%;--fx-blur:10px;--fx-art:112px;--fx-btn:36px;--fx-rail:color-mix(in srgb, var(--fx-fg) 20%, transparent);box-sizing:border-box;width:100%;min-width:0;color:var(--fx-fg);text-align:left;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.35;display:block}.fx-fullplayer *,.fx-fullplayer :before,.fx-fullplayer :after{box-sizing:border-box}.fx-fullplayer [hidden]{display:none!important}.fx-fullplayer-card{border-radius:var(--fx-radius);border:1px solid color-mix(in srgb, var(--fx-fg) 14%, transparent);background:color-mix(in srgb, color-mix(in srgb, var(--fx-bg) 90%, var(--fx-fg) 10%) var(--fx-card-pct), transparent);align-items:center;gap:16px;padding:16px;display:flex;position:relative;box-shadow:0 12px 32px -20px #0009}.fx-fullplayer-blur .fx-fullplayer-card{-webkit-backdrop-filter:blur(var(--fx-blur)) saturate(1.25);backdrop-filter:blur(var(--fx-blur)) saturate(1.25)}.fx-fullplayer-art{width:var(--fx-art);aspect-ratio:1;flex:none;position:relative}.fx-fullplayer-disc{border-radius:min(calc(var(--fx-radius) * .65), 28%);background:linear-gradient(135deg, color-mix(in srgb, var(--fx-accent) 80%, var(--fx-bg)), color-mix(in srgb, var(--fx-accent) 25%, var(--fx-bg)));color:var(--fx-on-accent);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.fx-fullplayer-cover{object-fit:cover;width:100%;height:100%;display:block}.fx-fullplayer-note{opacity:.85;place-items:center;width:38%;height:38%;display:grid}.fx-fullplayer-note svg{fill:currentColor;width:100%;height:100%}.fx-fullplayer-main{flex-direction:column;flex:auto;gap:10px;min-width:0;display:flex}.fx-fullplayer-head{align-items:center;gap:10px;min-width:0;display:flex}.fx-fullplayer-text{flex:auto;min-width:0}.fx-fullplayer-title{white-space:nowrap;text-overflow:ellipsis;font-size:1.07em;font-weight:650;overflow:hidden}.fx-fullplayer-artist{color:var(--fx-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.88em;overflow:hidden}.fx-fullplayer-empty .fx-fullplayer-title{color:var(--fx-muted);font-weight:500}.fx-fullplayer-bars{width:18px;height:16px;color:var(--fx-accent);flex:none;align-items:flex-end;gap:2px;display:inline-flex}.fx-fullplayer-bars i{transform-origin:50% 100%;will-change:transform;background:currentColor;border-radius:1px;flex:1 1 0;height:100%;transform:scaleY(.18)}.fx-fullplayer[data-state=paused] .fx-fullplayer-bars{opacity:.45}.fx-fullplayer-static .fx-fullplayer-bars i{will-change:auto}.fx-fullplayer-seek{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.fx-fullplayer-time{font-variant-numeric:tabular-nums;min-width:2.7em;color:var(--fx-muted);flex:none;font-size:.78em}.fx-fullplayer-time-end{text-align:right}.fx-fullplayer-range{appearance:none;cursor:pointer;touch-action:none;--p:0%;background:0 0;flex:auto;width:100%;min-width:36px;height:18px;margin:0;padding:0}.fx-fullplayer-range:disabled{cursor:default;opacity:.5}.fx-fullplayer-range:focus{outline:none}.fx-fullplayer-range:focus-visible{outline:2px solid var(--fx-accent);outline-offset:2px;border-radius:999px}.fx-fullplayer-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--fx-accent) var(--p), var(--fx-rail) var(--p));border-radius:999px;height:4px}.fx-fullplayer-range::-moz-range-track{background:var(--fx-rail);border-radius:999px;height:4px}.fx-fullplayer-range::-moz-range-progress{background:var(--fx-accent);border-radius:999px;height:4px}.fx-fullplayer-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fx-fg);width:12px;height:12px;box-shadow:0 0 0 2px var(--fx-accent), 0 1px 4px #00000059;border:0;border-radius:999px;margin-top:-4px;transition:transform .15s}.fx-fullplayer-range::-moz-range-thumb{background:var(--fx-fg);width:12px;height:12px;box-shadow:0 0 0 2px var(--fx-accent), 0 1px 4px #00000059;border:0;border-radius:999px}.fx-fullplayer-range:not(:disabled):hover::-webkit-slider-thumb{transform:scale(1.2)}.fx-fullplayer-range:not(:disabled):active::-webkit-slider-thumb{transform:scale(1.2)}.fx-fullplayer-range:disabled::-webkit-slider-thumb{visibility:hidden}.fx-fullplayer-range:disabled::-moz-range-thumb{visibility:hidden}.fx-fullplayer-controls{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.fx-fullplayer-transport{align-items:center;gap:2px;display:flex}.fx-fullplayer-btn{appearance:none;width:var(--fx-btn);height:var(--fx-btn);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;margin:0;padding:0;transition:background .15s,color .15s,transform .15s,opacity .15s;display:grid;position:relative}.fx-fullplayer-btn svg{fill:currentColor;pointer-events:none;width:55%;height:55%}.fx-fullplayer-btn:hover:not(:disabled){background:color-mix(in srgb, var(--fx-fg) 12%, transparent)}.fx-fullplayer-btn:active:not(:disabled){transform:scale(.92)}.fx-fullplayer-btn:focus-visible{outline:2px solid var(--fx-accent);outline-offset:2px}.fx-fullplayer-btn:disabled{opacity:.35;cursor:default}.fx-fullplayer-play{width:calc(var(--fx-btn) + 8px);height:calc(var(--fx-btn) + 8px);background:var(--fx-accent);color:var(--fx-on-accent);box-shadow:0 0 18px color-mix(in srgb, var(--fx-accent) 40%, transparent);margin:0 4px}.fx-fullplayer-play:hover:not(:disabled){background:var(--fx-accent);filter:brightness(1.1)}.fx-fullplayer-play:disabled{box-shadow:none}.fx-fullplayer-mode{color:var(--fx-muted)}.fx-fullplayer-mode:after{content:"";opacity:0;background:currentColor;border-radius:50%;width:4px;height:4px;margin-left:-2px;transition:opacity .15s;position:absolute;bottom:3px;left:50%}.fx-fullplayer-mode[aria-pressed=true],.fx-fullplayer-mode[data-mode=all],.fx-fullplayer-mode[data-mode=one]{color:var(--fx-accent)}.fx-fullplayer-mode[aria-pressed=true]:after,.fx-fullplayer-mode[data-mode=all]:after,.fx-fullplayer-mode[data-mode=one]:after{opacity:1}.fx-fullplayer-volume{flex:0 128px;align-items:center;gap:2px;min-width:0;display:flex}.fx-fullplayer-mute{width:calc(var(--fx-btn) - 6px);height:calc(var(--fx-btn) - 6px)}.fx-fullplayer-mute svg{width:62%;height:62%}.fx-fullplayer[data-layout=stacked] .fx-fullplayer-card{flex-direction:column;align-items:stretch}.fx-fullplayer[data-layout=stacked] .fx-fullplayer-art{width:100%}.fx-fullplayer[data-layout=stacked] .fx-fullplayer-controls{flex-direction:column;align-items:center;gap:8px}.fx-fullplayer[data-layout=stacked] .fx-fullplayer-transport{gap:8px}.fx-fullplayer[data-layout=stacked] .fx-fullplayer-volume{flex:none;width:min(100%,220px)}.fx-fullplayer[data-layout=stacked] .fx-fullplayer-title{font-size:1.2em}.fx-fullplayer[data-layout=vinyl]{--fx-art:124px}.fx-fullplayer[data-layout=vinyl] .fx-fullplayer-disc{color:var(--fx-on-accent);background:radial-gradient(circle,#2a2a30 0 30%,#0c0c0f 31% 100%);border-radius:50%;animation:7s linear infinite paused fx-fullplayer-spin;box-shadow:0 8px 22px -10px #000c,0 0 0 1px #ffffff14}.fx-fullplayer[data-layout=vinyl][data-state=playing] .fx-fullplayer-disc{animation-play-state:running}.fx-fullplayer-static[data-layout=vinyl] .fx-fullplayer-disc{animation:none}.fx-fullplayer[data-layout=vinyl] .fx-fullplayer-cover,.fx-fullplayer[data-layout=vinyl] .fx-fullplayer-note{border-radius:50%;grid-area:1/1;width:56%;height:56%}.fx-fullplayer[data-layout=vinyl] .fx-fullplayer-note{opacity:1;background:linear-gradient(135deg, color-mix(in srgb, var(--fx-accent) 85%, #fff), color-mix(in srgb, var(--fx-accent) 55%, #000));padding:13%}.fx-fullplayer[data-layout=vinyl] .fx-fullplayer-disc:before{content:"";pointer-events:none;background:repeating-radial-gradient(circle,#fff0 0 2px,#ffffff12 2px 3px);border-radius:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 0 29%,#000 30%);mask-image:radial-gradient(circle,#0000 0 29%,#000 30%)}.fx-fullplayer[data-layout=vinyl] .fx-fullplayer-disc:after{content:"";pointer-events:none;background:#0c0c0f;border-radius:50%;width:9%;height:9%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #ffffff59}.fx-fullplayer[data-layout=vinyl] .fx-fullplayer-art:after{content:"";pointer-events:none;background:conic-gradient(from 25deg,#ffffff29,#fff0 16% 46%,#ffffff21 52%,#fff0 68%,#ffffff29);border-radius:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 0 29%,#000 30%);mask-image:radial-gradient(circle,#0000 0 29%,#000 30%)}@keyframes fx-fullplayer-spin{to{transform:rotate(360deg)}}.fx-fullplayer[data-layout=bar]{--fx-art:40px;--fx-btn:30px;font-size:13px}.fx-fullplayer[data-layout=bar] .fx-fullplayer-card{gap:10px;padding:8px 12px}.fx-fullplayer[data-layout=bar] .fx-fullplayer-main,.fx-fullplayer[data-layout=bar] .fx-fullplayer-controls{display:contents}.fx-fullplayer[data-layout=bar] .fx-fullplayer-transport{order:1}.fx-fullplayer[data-layout=bar] .fx-fullplayer-head{flex:110px;order:2}.fx-fullplayer[data-layout=bar] .fx-fullplayer-seek{flex:110px;order:3;gap:8px}.fx-fullplayer[data-layout=bar][data-size=xl] .fx-fullplayer-seek{flex:2 200px}.fx-fullplayer[data-layout=bar] .fx-fullplayer-volume{flex:0 100px;order:4}.fx-fullplayer[data-layout=bar] .fx-fullplayer-play{width:calc(var(--fx-btn) + 4px);height:calc(var(--fx-btn) + 4px);box-shadow:none;margin:0 2px}.fx-fullplayer[data-layout=bar] .fx-fullplayer-mode:after{bottom:1px}.fx-fullplayer[data-layout=bar]:not([data-size=xl]) .fx-fullplayer-vol{display:none}.fx-fullplayer[data-layout=bar]:not([data-size=xl]) .fx-fullplayer-volume{flex:none}.fx-fullplayer[data-layout=bar]:not([data-size=xl]) .fx-fullplayer-time,.fx-fullplayer[data-layout=bar]:not([data-size=xl]) .fx-fullplayer-bars,.fx-fullplayer[data-layout=bar][data-size=m] .fx-fullplayer-mode,.fx-fullplayer[data-layout=bar][data-size=s] .fx-fullplayer-mode,.fx-fullplayer[data-layout=bar][data-size=xs] .fx-fullplayer-mode,.fx-fullplayer[data-layout=bar][data-size=s] .fx-fullplayer-seek,.fx-fullplayer[data-layout=bar][data-size=xs] .fx-fullplayer-seek,.fx-fullplayer[data-layout=bar][data-size=xs] .fx-fullplayer-art,.fx-fullplayer[data-layout=bar][data-size=xs] .fx-fullplayer-volume{display:none}.fx-fullplayer[data-layout=card][data-size=s],.fx-fullplayer[data-layout=card][data-size=xs]{--fx-art:84px;--fx-btn:32px}.fx-fullplayer[data-layout=vinyl][data-size=s],.fx-fullplayer[data-layout=vinyl][data-size=xs]{--fx-art:92px;--fx-btn:32px}.fx-fullplayer[data-size=s]:not([data-layout=bar]) .fx-fullplayer-card,.fx-fullplayer[data-size=xs]:not([data-layout=bar]) .fx-fullplayer-card{gap:12px;padding:12px}.fx-fullplayer[data-layout=card][data-size=s] .fx-fullplayer-vol,.fx-fullplayer[data-layout=card][data-size=m] .fx-fullplayer-vol,.fx-fullplayer[data-layout=vinyl][data-size=s] .fx-fullplayer-vol,.fx-fullplayer[data-layout=vinyl][data-size=m] .fx-fullplayer-vol{display:none}.fx-fullplayer[data-layout=card][data-size=s] .fx-fullplayer-volume,.fx-fullplayer[data-layout=card][data-size=m] .fx-fullplayer-volume,.fx-fullplayer[data-layout=vinyl][data-size=s] .fx-fullplayer-volume,.fx-fullplayer[data-layout=vinyl][data-size=m] .fx-fullplayer-volume{flex:none}.fx-fullplayer[data-size=s]:not([data-layout=bar]):not([data-layout=stacked]) .fx-fullplayer-transport{gap:0}.fx-fullplayer[data-size=s]:not([data-layout=bar]):not([data-layout=stacked]) .fx-fullplayer-play{margin:0 2px}.fx-fullplayer[data-layout=card][data-size=xs] .fx-fullplayer-card,.fx-fullplayer[data-layout=vinyl][data-size=xs] .fx-fullplayer-card{flex-direction:column;align-items:stretch}.fx-fullplayer[data-layout=card][data-size=xs] .fx-fullplayer-art,.fx-fullplayer[data-layout=vinyl][data-size=xs] .fx-fullplayer-art{align-self:center}.fx-fullplayer[data-size=xs]:not([data-layout=bar]) .fx-fullplayer-controls{flex-direction:column;align-items:center}.fx-fullplayer[data-size=xs]:not([data-layout=bar]) .fx-fullplayer-volume{flex:none;width:min(100%,200px)}.fx-fullplayer[data-size=xs]:not([data-layout=bar]) .fx-fullplayer-transport{gap:0}@media (prefers-reduced-motion:reduce){.fx-fullplayer-btn{transition:none}.fx-fullplayer-range::-webkit-slider-thumb{transition:none}}