.player{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(20px,4vw,44px);align-items:center;max-width:760px;margin:36px auto 0;padding:clamp(18px,3vw,28px);border-radius:28px;background:rgba(8,22,60,.55);border:1px solid rgba(127,227,255,.28);box-shadow:0 0 60px rgba(49,164,255,.12);text-align:left}
.player .cover{border-radius:20px;overflow:hidden;aspect-ratio:1;box-shadow:0 0 40px rgba(95,216,255,.25)}
.player .cover img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.42)}
.player.on .cover{box-shadow:0 0 70px rgba(95,216,255,.5)}
.player .mood{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7fb6e8;font-weight:600}
.player h3{margin:8px 0 0;font-family:'Schibsted Grotesk',sans-serif;font-weight:800;font-size:clamp(24px,3.4vw,34px);line-height:1.1;letter-spacing:-.015em;color:#fff}
.player .sub{margin-top:6px;font-size:16px;color:#b9cdf0}
.player .bar{margin-top:22px}
.player input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:rgba(127,227,255,.25);outline:none}
.player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#5fd8ff,#1f6bff);border:0;box-shadow:0 0 12px rgba(95,216,255,.8)}
.player input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#5fd8ff;border:0}
.player .tm{display:flex;justify-content:space-between;margin-top:8px;font-size:14px;color:#9fc4ee}
.player .ctl{display:flex;align-items:center;gap:18px;margin-top:14px}
.player button{cursor:pointer;border:1px solid rgba(127,227,255,.45);background:rgba(49,196,255,.1);color:#d6ecff;border-radius:50%;width:50px;height:50px;font-size:15px;font-weight:600}
.player button.big{width:68px;height:68px;font-size:22px;border:0;background:linear-gradient(135deg,#5fd8ff,#1f6bff);color:#031126}
.player button:hover{filter:brightness(1.15)}
@media(max-width:640px){.player{grid-template-columns:1fr;text-align:center}.player .cover{max-width:300px;margin:0 auto}.player .ctl{justify-content:center}}

.yt{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.tracks{list-style:none;margin:22px auto 0;padding:0;max-width:760px;display:grid;gap:10px;position:relative;z-index:2}
.tracks button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:14px;width:100%;padding:10px 14px;border-radius:18px;background:rgba(8,22,60,.45);border:1px solid rgba(127,227,255,.18);cursor:pointer;text-align:left}
.tracks button:hover{border-color:rgba(127,227,255,.5)}
.tracks button[aria-current=true]{border-color:rgba(127,227,255,.65);background:rgba(31,107,255,.18)}
.tracks img{width:88px;height:50px;object-fit:cover;border-radius:10px;flex:none}
.tracks b{display:block;color:#fff;font-weight:600;font-size:16px}
.tracks i{display:block;font-style:normal;color:#9fc4ee;font-size:14px;margin-top:2px}
.tracks button:focus-visible{outline:2px solid #5fd8ff}