.player-card{position:relative;overflow:hidden;border-radius:20px;padding:25px;margin-top:35px;min-height:290px;transition:.25s;background:#272727}.player-card-loading{display:flex;align-items:center;justify-content:center;height:240px;color:#cfcfcf}.player-card:before{content:"";position:absolute;inset:0;background-image:var(--album-art);background-size:cover;background-position:50%;transform:scale(1.08);filter:blur(7px) brightness(.5) saturate(1.5);opacity:.95;z-index:0}.player-card:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(18,18,18,.35),rgba(18,18,18,.65));z-index:1}.player-card>*{position:relative;z-index:2}.player-top{display:grid;grid-template-columns:170px 1fr;grid-gap:25px;gap:25px;align-items:center}.player-cover-wrap{position:relative;width:170px;height:170px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.player-cover-ring{position:absolute;inset:-5px;border-radius:23px;border:2px solid rgba(255,75,48,.75);opacity:0;transform:scale(1);pointer-events:none}.player-cover-ring--delay{animation-delay:1.1s}.player-is-playing .player-cover-ring{animation:cover-ring-expand 2.2s ease-out infinite}@keyframes cover-ring-expand{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.18)}}.player-cover-clip{position:relative;z-index:2;width:170px;height:170px;border-radius:18px;box-shadow:0 10px 25px rgba(0,0,0,.4);transition:transform .5s ease}.player-is-playing .player-cover-clip{transform:scale(1.01)}.player-cover{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.player-cover-glow{position:absolute;inset:-18px;border-radius:26px;background:radial-gradient(circle,rgba(255,75,48,.55),rgba(255,75,48,.18) 45%,transparent 72%);filter:blur(18px);opacity:0;transform:scale(.88);pointer-events:none;transition:opacity .4s ease,transform .4s ease}.player-is-playing .player-cover-glow{opacity:1;animation:player-cover-pulse 2.8s ease-in-out infinite}@keyframes player-cover-pulse{0%{transform:scale(.88);opacity:.7}50%{transform:scale(1.08);opacity:1}to{transform:scale(.88);opacity:.7}}.player-info{min-width:0}.player-status{color:#94a3b8;font-size:15px;font-weight:700;text-transform:uppercase;margin-bottom:10px}.player-artist{font-size:34px;font-weight:700;margin-bottom:8px;overflow-wrap:anywhere}.player-title{font-size:24px;color:#cccccc;overflow-wrap:anywhere}.marquee-wrap{display:block;width:100%;overflow:hidden;white-space:nowrap}.marquee-wrap.is-overflowing{-webkit-mask-image:linear-gradient(90deg,black calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,black calc(100% - 24px),transparent)}.marquee-text{display:inline-block;white-space:nowrap}.marquee-text.is-scrolling{animation-name:marquee-scroll;animation-duration:var(--marquee-duration,8s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:1.2s}@keyframes marquee-scroll{0%,15%{transform:translateX(0)}45%,55%{transform:translateX(var(--marquee-shift,0))}85%,to{transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.marquee-text.is-scrolling,.player-is-playing .player-cover-glow,.player-is-playing .player-cover-ring{animation:none}}.player-controls{gap:20px;margin-top:30px}.player-button,.player-controls{display:flex;align-items:center;justify-content:center}.player-button{width:60px;height:60px;border:2px solid #ffffff;border-radius:50%;cursor:pointer;background:transparent;color:#ffffff;font-size:22px;transition:background .2s var(--ease-out),color .2s var(--ease-out),transform .16s var(--ease-out),box-shadow .2s var(--ease-out)}@media (hover:hover) and (pointer:fine){.player-button:hover{background:#ffffff;color:#111111;transform:scale(1.06);box-shadow:0 10px 24px rgba(255,255,255,.35)}}.player-button:active{transform:scale(.94)}.player-volume{display:flex;align-items:center;justify-content:center;gap:10px;width:240px;max-width:100%}.player-volume input{accent-color:#94a3b8}.player-volume-value{min-width:40px;color:#d5d5d5;font-size:14px;text-align:right}.player-time{display:flex;align-items:center;gap:10px;width:100%;max-width:600px;margin-top:22px}.player-time-hidden{visibility:hidden}.player-time-current,.player-time-duration{min-width:42px;color:#bdbdbd;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.player-time-duration{text-align:right}.player-progress{position:relative;flex:1 1;height:5px;overflow:hidden;background:rgba(255,255,255,.12);border-radius:999px}.player-progress-bar{height:100%;background:#94a3b8;border-radius:inherit;transition:width .9s linear}@media (max-width:768px){.player-top{grid-template-columns:1fr;justify-items:center;text-align:center}.player-info{width:100%}.player-cover-clip,.player-cover-wrap{width:180px;height:180px}.player-controls{flex-direction:column}.player-volume{width:100%}.player-time{width:100%;max-width:100%;margin-top:20px}}