#audio-player-container{position:fixed;bottom:-200px;left:0;width:100%;background:#fff;box-shadow:0 -2px 10px #0000001a;transition:all .3s ease;z-index:105}body.player-open #audio-player-container{bottom:34px}.player-controls{display:flex;align-items:center;gap:0;padding:.5rem}.player-track-info{display:flex;align-items:center;gap:1rem;min-width:300px}.player-track-image{width:72px;height:72px;border-radius:5px;object-fit:cover}.player-track-title{font-size:.9rem;font-weight:500;margin:0;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-buttons{display:flex;align-items:center;gap:.5rem}.player-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333;transition:color .2s;position:relative}.player-btn:hover{color:#1976d2}.player-btn-large{font-size:2rem}.skip-btn-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.5rem;font-weight:700;pointer-events:none}.player-progress{flex:1;display:flex;align-items:center;gap:1rem;min-width:200px}.player-time{font-size:.75rem;color:#666;min-width:40px;text-align:center}.player-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:#ddd;border-radius:2px;outline:none}.player-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#1976d2;border-radius:50%;cursor:pointer}.player-slider::-moz-range-thumb{width:14px;height:14px;background:#1976d2;border-radius:50%;cursor:pointer;border:none}.cursor-pointer{cursor:pointer}.detail-image{width:180px;height:180px}.workspace{padding:1rem;width:65vw;margin:60px auto 100px}body.player-open .workspace{margin-bottom:140px}.podcast-carousel-container{position:relative;width:100%;height:35vh;margin:1rem 0;border-radius:15px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.carousel-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .5s ease-in-out}.slide-in-right{animation:slideInRight .5s ease-in-out forwards}.slide-out-left{animation:slideOutLeft .5s ease-in-out forwards}.slide-in-left{animation:slideInLeft .5s ease-in-out forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.podcast-slide-content{position:relative;width:100%;height:100%}.slide-background{position:absolute;top:0;left:0;width:120%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center}.artwork-outer,.podcast-artwork{display:none}.podcast-info{position:absolute;left:20px;bottom:30px;background-color:#0006;padding:1.5rem;width:80%;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.podcast-title{font-size:1.1rem;font-weight:700;text-shadow:2px 2px 8px rgba(0,0,0,.7)}.podcast-artist{font-size:.9rem;opacity:.9}.podcast-meta{font-size:1rem;opacity:.8}.podcast-actions{margin-top:.2rem}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;font-weight:700;color:#333;cursor:pointer;transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center}.carousel-arrow:hover:not(:disabled){background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 15px #0003}.carousel-arrow:disabled{opacity:.5;cursor:not-allowed}.carousel-arrow-prev{left:20px}.carousel-arrow-next{right:20px}.carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.indicator{width:12px;height:12px;border-radius:50%;border:2px solid white;background:transparent;cursor:pointer;transition:all .3s ease}.indicator.active{background:#fff;transform:scale(1.2)}.indicator:hover:not(:disabled){background:#ffffffb3;transform:scale(1.1)}.indicator:disabled{cursor:not-allowed;opacity:.5}.audio-close,.menu-btn.mobile{display:none}@media(max-width:768px){.desktop{display:none}.podcast-carousel-container{height:20vh}body.player-open #audio-player-container.expanded{bottom:35px;top:0;height:calc(100vh - 35px)}.player-track-info,.skip-btn{display:none}body.player-open #audio-player-container.expanded .player-track-info{display:flex;align-items:center;gap:1rem;min-width:300px;flex-direction:column;position:absolute;top:160px;width:100%}body.player-open #audio-player-container.expanded .player-track-info .player-track-image{width:180px;height:180px;border-radius:5px;object-fit:cover}body.player-open #audio-player-container.expanded .player-progress{flex:1;display:flex;align-items:center;gap:1rem;min-width:200px;width:95%;position:absolute;top:420px}.player-track-info,.skip-btn,.menu-btn{display:none}body.player-open #audio-player-container.expanded .audio-close{display:block;position:absolute;top:70px;right:18px}body.player-open #audio-player-container.expanded .menu-btn.mobile{display:block;position:absolute;top:70px;left:18px}body.player-open #audio-player-container.expanded .player-buttons{display:flex;align-items:center;gap:.5rem;width:95%;position:absolute;top:440px;justify-content:center}body.player-open #audio-player-container.expanded .player-buttons .skip-btn{display:block}.detail-image{width:72px;height:72px}.podcast-title{font-size:.9rem;width:50vw;margin:0;white-space:nowrap;text-overflow:ellipsis}.podcast-meta,.podcast-artist{font-size:.8rem}.podcast-info{left:15px;width:80vw;max-width:80vw;padding:.25rem .5rem;border-radius:.25rem;overflow:hidden}.carousel-arrow{width:40px;height:40px;font-size:1.2rem}}@media(max-width:480px){.podcast-info{max-width:80%;bottom:20px}.podcast-actions{margin-top:.1rem}.podcast-title{font-size:1rem;font-weight:500}.workspace{padding:1rem;width:100vw;margin:60px auto 100px}.workspace.playing{margin-bottom:200px}}.toast img{width:24px;height:24px}footer{position:fixed;bottom:0;left:0;width:100vw;background-color:#212529;display:flex;color:#fff;padding:.5rem;gap:1rem;font-size:.8rem}.spacer{flex-grow:1}.progress{height:.4rem}
