.home-player{width:100%;height:100%;min-height:280px;padding:22px 26px;display:flex;flex-direction:column;gap:17px;color:#334155}.dark .home-player{color:#e2e8f0}.home-player-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#64748b}.dark .home-player-heading{color:#94a3b8}.home-player-heading>a,.home-player-heading>span{display:inline-flex;align-items:center;gap:6px}.home-player-heading>span{color:#6366f1;letter-spacing:.015em;font-weight:600}.dark .home-player-heading>span{color:#a5b4fc}.home-player-heading>a:hover{color:#6366f1}.home-player-track{display:flex;align-items:center;gap:17px;min-width:0;margin:auto 0 0}.home-player-track img{width:76px;height:76px;object-fit:cover;border-radius:16px;flex-shrink:0;box-shadow:0 5px 16px rgb(15 23 42/.14)}.home-player-track>div{min-width:0}.home-player-track h3{font-size:20px;font-weight:600;line-height:1.4}.home-player-track h3,.home-player-track p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-player-track p{font-size:13px;color:#64748b;margin-top:5px}.dark .home-player-track p{color:#94a3b8}.home-player-progress{margin-top:auto}.home-player-progress input{display:block;width:100%;height:4px;border-radius:99px;appearance:none;cursor:pointer}.home-player-progress input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:#818cf8;border-radius:50%}.home-player-progress input::-moz-range-thumb{width:10px;height:10px;background:#818cf8;border:0;border-radius:50%}.home-player-progress>div{display:flex;justify-content:space-between;margin-top:7px;font-size:10px;font-variant-numeric:tabular-nums;color:#64748b}.dark .home-player-progress>div{color:#94a3b8}.home-player-controls{gap:25px;margin-top:-9px}.home-player-controls,.home-player-controls button{display:flex;justify-content:center;align-items:center}.home-player-controls button{width:36px;height:36px;border-radius:50%;cursor:pointer;transition:background .2s,transform .2s}.home-player-controls button:hover{background:rgb(99 102 241/.12)}.home-player-controls .home-player-play{width:44px;height:44px;color:white;background:#6366f1;box-shadow:0 4px 14px rgb(99 102 241/.2)}.home-player-controls .home-player-play:hover{background:#4f46e5;transform:scale(1.04)}.home-player :is(a,button,input):focus-visible{outline:2px solid #818cf8;outline-offset:4px}.home-player-empty{display:grid;place-items:center;flex:1;font-size:14px;color:#64748b}@media(max-width:640px){.home-player{padding:20px;min-height:270px;gap:16px}.home-player-track img{width:68px;height:68px}.home-player-track h3{font-size:18px}}@media(prefers-reduced-motion:reduce){.home-player-controls button{transition:none}.home-player-controls .home-player-play:hover{transform:none}}