.ssl-player{--ssl-pink:#ff1f8f;--ssl-cyan:#00d8ff;--ssl-bg-1:#1b1a20;--ssl-bg-2:#111015;--ssl-text:#ffffff;--ssl-text-soft:#d2d2da;--ssl-text-muted:#8f8f9a;--ssl-surface:#2d2d33;--ssl-speed:.3s;box-sizing:border-box;display:flex;align-items:flex-start;gap:clamp(24px,3vw,48px);padding:clamp(24px,3vw,44px);border-radius:26px;background:linear-gradient(180deg,var(--ssl-bg-1),var(--ssl-bg-2));box-shadow:0 25px 70px rgb(0 0 0 / .45);color:var(--ssl-text);position:relative;overflow:hidden;user-select:none;-webkit-font-smoothing:antialiased;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}.ssl-player *{box-sizing:border-box}.ssl-player img{user-select:none;-webkit-user-drag:none}.ssl-cover{flex:0 0 auto;width:clamp(280px,42%,500px);max-width:100%;aspect-ratio:1/1;position:relative;align-self:center}.ssl-cover::before{content:"";position:absolute;inset:-24px;border-radius:40px;background:radial-gradient(circle,rgb(255 31 143 / .35),rgb(0 216 255 / .12));filter:blur(42px)}.ssl-cover-image{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:24px;transition:transform .4s,opacity .4s}.ssl-player:not(.ssl-no-rotate) .ssl-cover-image.playing{animation:sslCoverRotate 18s linear infinite}@keyframes sslCoverRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.ssl-content{flex:1;display:flex;flex-direction:column;min-width:0;width:100%;position:relative}.ssl-header{display:flex;justify-content:space-between;align-items:flex-start;gap:26px;padding-right:clamp(78px,10vw,100px)}.ssl-brand{display:block;margin-bottom:12px;color:var(--ssl-text-muted);letter-spacing:.26em;text-transform:uppercase;font-size:.78rem;font-weight:600}.ssl-title{margin:0;color:var(--ssl-text);font-size:clamp(1.7rem,3.6vw,3rem);line-height:1.06;letter-spacing:-.02em;font-weight:800;word-break:break-word;text-wrap:balance}.ssl-artist{margin:12px 0 0;color:var(--ssl-text-soft);font-size:1.1rem}.ssl-album{margin:6px 0 0;color:var(--ssl-text-muted);font-size:.9rem}.ssl-meta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}.ssl-rel{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;letter-spacing:.04em;font-weight:600;padding:6px 13px;border-radius:100px;white-space:nowrap}.ssl-rel-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ssl-rel.is-upcoming{background:rgb(255 31 143 / .14);color:#ff5eae;border:1px solid rgb(255 31 143 / .35)}.ssl-rel.is-upcoming .ssl-rel-dot{background:var(--ssl-pink);box-shadow:0 0 10px var(--ssl-pink);animation:sslPulse 1.6s infinite}.ssl-rel.is-released{background:rgb(0 216 255 / .14);color:#3ad4ff;border:1px solid rgb(0 216 255 / .3)}.ssl-rel.is-released .ssl-rel-dot{background:var(--ssl-cyan)}@keyframes sslPulse{50%{opacity:.35}}.ssl-equalizer{display:flex;align-items:flex-end;gap:5px;height:28px;opacity:.4;transition:opacity var(--ssl-speed)}.ssl-equalizer.playing{opacity:1}.ssl-equalizer div{width:5px;border-radius:999px;background:linear-gradient(var(--ssl-pink),var(--ssl-cyan));animation:sslEq 1s ease-in-out infinite;animation-play-state:paused}.ssl-equalizer.playing div{animation-play-state:running}.ssl-equalizer div:nth-child(1){height:12px}.ssl-equalizer div:nth-child(2){height:24px;animation-delay:.15s}.ssl-equalizer div:nth-child(3){height:18px;animation-delay:.3s}.ssl-equalizer div:nth-child(4){height:28px;animation-delay:.45s}.ssl-equalizer div:nth-child(5){height:15px;animation-delay:.2s}@keyframes sslEq{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1.2)}}.ssl-play{flex-shrink:0;border:none;cursor:pointer;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--ssl-pink),var(--ssl-cyan));box-shadow:0 0 26px rgb(255 31 143 / .4);transition:transform var(--ssl-speed),box-shadow var(--ssl-speed)}.ssl-play:hover{transform:scale(1.07)}.ssl-play svg{fill:#fff;display:block;width:34px;height:34px}.ssl-play{position:absolute;top:0;right:0;width:clamp(60px,7vw,80px);height:clamp(60px,7vw,80px)}.ssl-toggle{display:none}.ssl-more{display:grid;grid-template-rows:1fr;width:100%;transition:grid-template-rows .4s ease,opacity .35s}.ssl-more-inner{min-height:0;overflow:hidden}.ssl-desc{margin:18px 0 0;color:var(--ssl-text-soft);font-size:.92rem;line-height:1.6;max-width:62ch}.ssl-progress{display:flex;align-items:center;gap:16px;margin-top:26px}.ssl-progress span{min-width:44px;color:var(--ssl-text-soft);font-size:.88rem;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.ssl-bar{position:relative;flex:1;height:8px;cursor:pointer}.ssl-track{position:absolute;inset:0;border-radius:999px;background:var(--ssl-surface)}.ssl-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;background:linear-gradient(90deg,var(--ssl-pink),var(--ssl-cyan));transition:width .08s linear}.ssl-thumb{position:absolute;top:50%;left:0;width:16px;height:16px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 16px rgb(255 255 255 / .35);transition:left .08s linear,transform .2s,box-shadow .2s}.ssl-thumb:hover{transform:translate(-50%,-50%) scale(1.15)}.ssl-volume-wrapper{display:flex;align-items:center;gap:12px;margin-top:20px;max-width:240px;color:var(--ssl-text-soft)}.ssl-vol-icon{width:18px;height:18px;opacity:.7;flex-shrink:0}.ssl-volume{width:100%;height:5px;cursor:pointer;accent-color:var(--ssl-pink)}.ssl-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.ssl-buttons a{flex:1 1 150px;display:flex;justify-content:center;align-items:center;min-height:52px;padding:12px 20px;border-radius:14px;text-decoration:none;font-size:14.5px;font-weight:700;color:#fff;transition:transform .22s,box-shadow .22s,filter .22s}.ssl-buttons a:hover{transform:translateY(-3px);filter:brightness(1.06)}.ssl-spotify{background:#1DB954}.ssl-spotify:hover{box-shadow:0 10px 24px rgb(29 185 84 / .35)}.ssl-apple{background:#fb2c53}.ssl-apple:hover{box-shadow:0 10px 24px rgb(251 44 83 / .35)}.ssl-youtube{background:#f03}.ssl-youtube:hover{box-shadow:0 10px 24px rgb(255 0 51 / .35)}.ssl-amazon{background:#00A8E1}.ssl-amazon:hover{box-shadow:0 10px 24px rgb(0 168 225 / .35)}.ssl-buy{background:linear-gradient(135deg,var(--ssl-pink),#ff7ac1)}.ssl-buy:hover{box-shadow:0 10px 24px rgb(255 31 143 / .35)}.ssl-playlist{margin-top:30px;border-radius:20px;background:rgb(0 0 0 / .22);border:1px solid rgb(255 255 255 / .06);overflow:hidden}.ssl-playlist-item{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 22px;cursor:pointer;border-bottom:1px solid rgb(255 255 255 / .05);transition:background .25s,padding-left .25s}.ssl-playlist-item:last-child{border-bottom:none}.ssl-playlist-item:hover{background:rgb(255 255 255 / .05);padding-left:28px}.ssl-playlist-item.active{background:rgb(255 31 143 / .12);border-left:4px solid var(--ssl-pink)}.ssl-pl-left{display:flex;align-items:center;gap:16px;min-width:0}.ssl-pl-num{font-size:.8rem;font-weight:700;color:var(--ssl-text-muted);font-variant-numeric:tabular-nums;min-width:22px}.ssl-song{color:#fff;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssl-artist-name{margin-top:4px;color:#b0b0b8;font-size:13px}.ssl-playlist-item.active .ssl-song{color:var(--ssl-pink)}.ssl-playlist-item.active .ssl-artist-name{color:#fff}.ssl-pl-play{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgb(255 255 255 / .08);flex-shrink:0}.ssl-pl-play svg{width:14px;height:14px;fill:#fff}.ssl-playlist-item.active .ssl-pl-play{background:linear-gradient(135deg,var(--ssl-pink),var(--ssl-cyan))}.ssl-audio{display:none}.ssl-hidden{display:none!important}.ssl-player button:focus-visible,.ssl-player a:focus-visible,.ssl-player input:focus-visible{outline:2px solid var(--ssl-cyan);outline-offset:3px}@media (max-width:768px){.ssl-player{flex-direction:column;align-items:center;text-align:center;gap:0;padding:22px 20px 28px}.ssl-cover{flex:0 0 auto;width:min(240px,68%);max-width:none;margin:6px 0 22px}.ssl-content{align-items:center}.ssl-header{flex-direction:column;align-items:center;gap:0;width:100%;padding-right:0}.ssl-play{position:static;width:70px;height:70px;margin:22px auto 4px}.ssl-play svg{width:30px;height:30px}.ssl-meta-row{justify-content:center}.ssl-collapsible .ssl-toggle{display:inline-flex;align-items:center;gap:9px;margin-top:20px;cursor:pointer;border:1px solid rgb(255 255 255 / .16);background:rgb(255 255 255 / .04);color:#fff;font-size:.8rem;letter-spacing:.04em;font-weight:600;padding:11px 20px;border-radius:100px;transition:background .25s,border-color .25s}.ssl-collapsible .ssl-toggle:hover{background:rgb(255 255 255 / .09);border-color:rgb(255 255 255 / .3)}.ssl-chev{width:15px;height:15px;fill:none;stroke:var(--ssl-pink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s}.ssl-collapsible.ssl-open .ssl-chev{transform:rotate(180deg)}.ssl-toggle-close{display:none}.ssl-collapsible.ssl-open .ssl-toggle-open{display:none}.ssl-collapsible.ssl-open .ssl-toggle-close{display:inline}.ssl-collapsible .ssl-more{grid-template-rows:0fr;opacity:0}.ssl-collapsible.ssl-open .ssl-more{grid-template-rows:1fr;opacity:1}.ssl-more-inner{display:flex;flex-direction:column;align-items:center;width:100%}.ssl-desc{margin:16px 4px 0;max-width:36ch}.ssl-progress{width:100%}.ssl-volume-wrapper{width:100%;max-width:none}.ssl-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.ssl-buttons a{flex:none}.ssl-buy{grid-column:1 / -1}.ssl-playlist{width:100%;text-align:left;margin-top:24px}}@media (prefers-reduced-motion:reduce){.ssl-player *,.ssl-cover-image.playing,.ssl-equalizer div,.ssl-rel-dot{animation:none!important;transition:none!important}}