body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}:root{--bg-primary:#0a0a1a;--bg-secondary:#1a1a4a;--text-primary:#fff;--text-secondary:#ffffffb3;--accent-primary:#4e7fff;--accent-secondary:#8c4eff;--spotify-green:#1db954;--youtube-red:red;--player-scale:1;--platform-accent:var(--accent-primary);--platform-shadow:#4e7fff4d;--platform-gradient-start:var(--bg-primary);--platform-gradient-end:var(--bg-secondary);--platform-glow:var(--accent-primary)}@media screen and (-webkit-min-device-pixel-ratio:0){:root{--player-scale:1}}body{background-color:#0a0a1a;background-color:var(--bg-primary);color:#fff;color:var(--text-primary);height:200vh;line-height:1.6;overflow-x:hidden}.page-background{background:linear-gradient(135deg,#0a0a1a,#1a1a4a);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);height:100%;left:0;position:fixed;top:0;width:100%;z-index:-2}h1,h2,h3,h4,h5,h6{margin-bottom:1rem}a{color:#fff;color:var(--text-primary);text-decoration:none;transition:color .3s}a:hover{color:#4e7fff;color:var(--accent-primary)}.icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:24px;margin-right:10px;width:24px}.spotify-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z'/%3E%3C/svg%3E")}.youtube-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E")}body.platform-spotify{--platform-accent:var(--spotify-green);--platform-shadow:#1db95466;--platform-gradient-start:#0a0a1a;--platform-gradient-end:#1a3a1a;--platform-glow:var(--spotify-green)}body.platform-youtube{--platform-accent:var(--youtube-red);--platform-shadow:#f006;--platform-gradient-start:#0a0a1a;--platform-gradient-end:#3a1a1a;--platform-glow:var(--youtube-red)}.music-sidebar.platform-spotify{background:linear-gradient(135deg,#121212,#1a2a1a 50%,#121212);background:linear-gradient(135deg,var(--player-bg) 0,#1a2a1a 50%,var(--player-bg) 100%);overflow:hidden;position:relative}.music-sidebar.platform-spotify:before{animation:platformPulse 8s ease-in-out infinite;background:radial-gradient(circle,#1db9541a 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%;z-index:0}.music-sidebar.platform-youtube{background:linear-gradient(135deg,#121212,#2a1a1a 50%,#121212);background:linear-gradient(135deg,var(--player-bg) 0,#2a1a1a 50%,var(--player-bg) 100%);overflow:hidden;position:relative}.music-sidebar.platform-youtube:before{animation:platformPulse 10s ease-in-out infinite;background:radial-gradient(circle,#ff00001a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}.music-sidebar>*{position:relative;z-index:1}.btn:hover{box-shadow:0 8px 25px #4e7fff4d;box-shadow:0 8px 25px var(--platform-shadow)}.music-btn.spotify:hover,body.platform-spotify .music-btn:hover{box-shadow:0 8px 25px #1db95466}.music-btn.youtube:hover,body.platform-youtube .music-btn:hover{box-shadow:0 8px 25px #f006}.play-button{transition:box-shadow .3s ease,transform .2s ease}body.platform-spotify .play-button:hover{box-shadow:0 0 20px #1db95499}body.platform-youtube .play-button:hover{box-shadow:0 0 20px #f009}body.platform-spotify .media-play-overlay .play-button{background-color:#1db954;background-color:var(--spotify-green)}body.platform-youtube .media-play-overlay .play-button{background-color:red;background-color:var(--youtube-red)}body.platform-spotify .progress-filled{background-color:#1db954;background-color:var(--spotify-green)}body.platform-youtube .progress-filled{background-color:red;background-color:var(--youtube-red)}body.platform-spotify .hover-menu button:hover{background-color:#1db9544d}body.platform-youtube .hover-menu button:hover{background-color:#ff00004d}body.platform-spotify .page-background{background:linear-gradient(135deg,#0a0a1a,#0f1f0f 30%,#1a1a4a 70%,#0a0a1a);background:linear-gradient(135deg,var(--bg-primary) 0,#0f1f0f 30%,var(--bg-secondary) 70%,var(--bg-primary) 100%)}body.platform-youtube .page-background{background:linear-gradient(135deg,#0a0a1a,#1f0f0f 30%,#1a1a4a 70%,#0a0a1a);background:linear-gradient(135deg,var(--bg-primary) 0,#1f0f0f 30%,var(--bg-secondary) 70%,var(--bg-primary) 100%)}body.platform-spotify .media-item:hover,body.platform-spotify .platform-card.active{border:1px solid #1db9544d;box-shadow:0 0 15px #1db95433}body.platform-youtube .media-item:hover,body.platform-youtube .platform-card.active{border:1px solid #ff00004d;box-shadow:0 0 15px #f003}body.platform-spotify .loading-spinner{border-top-color:#1db954;border-top-color:var(--spotify-green)}body.platform-youtube .loading-spinner{border-top-color:red;border-top-color:var(--youtube-red)}@keyframes platformPulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.1)}}.hero-content{position:relative;z-index:100}.music-integration{justify-content:center;min-height:100vh;padding:5rem 2rem;position:relative;text-align:center}.dashboard-section,.music-integration{align-items:center;display:flex;flex-direction:column}.dashboard-section{gap:2rem;margin:2rem auto 0;max-width:1200px;width:100%;z-index:10}.media-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem}.user-info-card{align-items:center;display:flex;margin-bottom:2rem}.profile-image{border-radius:50%;height:80px;margin-right:1.5rem;object-fit:cover;width:80px}.user-details{display:flex;flex-direction:column}.rings{border:1px solid #4e7fff33;border-radius:50%;bottom:-300px;height:600px;position:absolute;right:-300px;width:600px;z-index:1}.rings:after,.rings:before{border-radius:50%;content:"";position:absolute}.rings:before{animation:rotate 30s linear infinite;border:1px solid #4e7fff4d;height:500px;left:50px;top:50px;width:500px}.rings:after{animation:rotate 20s linear infinite reverse;border:1px solid #4e7fff66;height:400px;left:100px;top:100px;width:400px}.stars{height:500vh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:-100vh;width:100%;z-index:-1}.star{background-color:#fffc;border-radius:50%;position:absolute}.star-twinkle{animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.9}50%{opacity:.3}}.star-pulse{animation:pulse 3s ease-in-out infinite}.nebula-overlay{background:radial-gradient(ellipse at 20% 30%,#8c4eff0f 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#4e7fff0d 0,#0000 50%),radial-gradient(ellipse at 40% 70%,#00d9ff0a 0,#0000 50%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.shooting-star{background:radial-gradient(circle,#fff 0,#c8dcffcc 50%,#0000 100%);border-radius:50%;filter:blur(.5px);height:3px;position:absolute;width:3px;z-index:2}.shooting-star.diagonal-down{animation:shootDiagonalDown 2s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes shootDiagonalDown{0%{box-shadow:-3px -3px 8px #fffc,-6px -6px 6px #c8dcff99,-9px -9px 4px #96b4ff66,-12px -12px 3px #648cff4d,-15px -15px 2px #5078ff33;opacity:1;transform:translate(0) scale(1)}70%{opacity:1}to{box-shadow:-20px -20px 6px #ffffff4d,-40px -40px 4px #c8dcff33,-60px -60px 2px #96b4ff1a;opacity:0;transform:translate(400px,400px) scale(.4)}}.shooting-star.diagonal-up{animation:shootDiagonalUp 2s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes shootDiagonalUp{0%{box-shadow:-3px 3px 8px #fffc,-6px 6px 6px #c8dcff99,-9px 9px 4px #96b4ff66,-12px 12px 3px #648cff4d,-15px 15px 2px #5078ff33;opacity:1;transform:translate(0) scale(1)}70%{opacity:1}to{box-shadow:-20px 20px 6px #ffffff4d,-40px 40px 4px #c8dcff33,-60px 60px 2px #96b4ff1a;opacity:0;transform:translate(400px,-400px) scale(.4)}}.shooting-star.arc-right{animation:shootArcRight 2.2s cubic-bezier(.33,.1,.67,1) forwards}@keyframes shootArcRight{0%{box-shadow:-4px 0 8px #fffc,-8px 1px 6px #c8dcff99,-12px 2px 4px #96b4ff66;opacity:1;transform:translate(0) scale(1)}50%{transform:translate(250px,100px) scale(.7)}70%{opacity:1}to{box-shadow:-25px 12px 6px #ffffff4d,-50px 25px 4px #c8dcff33;opacity:0;transform:translate(500px,250px) scale(.4)}}.particles{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.particle{animation:float 20s linear infinite;background-color:#4e7fff80;border-radius:50%;position:absolute}.spotify-music-player-container,.youtube-music-player-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0ae6;border-radius:10px;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:1024px;overflow:hidden;padding:0;pointer-events:auto;position:relative;width:100%;z-index:1001}.music-player-content{height:500px;position:relative;z-index:100}.music-player-main{align-items:center;background:linear-gradient(180deg,#3d3d3d66,#12121266);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem;position:relative}.music-player-playlist{background:#212121;border-left:1px solid #ffffff1a;min-width:300px;overflow-y:auto;width:30%}.loading-spinner{align-items:center;color:#fff;display:flex;font-size:1.2rem;height:100px;justify-content:center}.search-modal{background:#000c}.search-modal-content{background:#121212;color:#fff;max-width:800px;overflow-y:auto;padding:20px;position:relative;width:80%}nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0a1acc;display:flex;justify-content:space-between;padding:1rem 2rem;position:fixed;width:100%;z-index:1000}.logo{color:#fff;font-size:1.5rem;font-weight:700}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:1.5rem}.nav-links a{color:#fff;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#4e7fff}.player-nav-buttons{display:flex;gap:10px;margin-bottom:15px}.back-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;margin-right:1rem;padding:.5rem;transition:background .2s;width:36px}.back-button:hover{background:#ffffff1a}.music-player-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem}.music-player-info{flex:1 1}.music-player-info h2{font-size:1.2rem;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-player-info p{color:#aaa;font-size:.9rem;margin:.25rem 0 0}.search-bar{display:flex;gap:5px;margin-bottom:15px}.search-bar input{flex:1 1}.search-bar input,.search-bar select{background-color:#242424;border:none;border-radius:20px;color:#fff;font-size:14px;padding:8px 12px}.search-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px}.search-input-container{align-items:center;background-color:#ffffff1a;border-radius:20px;display:flex;margin:0 15px 15px;padding:8px 15px}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;position:absolute;right:15px;top:15px}.playlist-selector-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.playlist-selector-content{background:#121212;border-radius:8px;color:#fff;max-height:80vh;max-width:800px;overflow-y:auto;padding:20px;position:relative;width:80%}.playlist-title{border-bottom:1px solid #ffffff1a;color:#fff;font-size:1rem;font-weight:500;margin:0;padding:1rem}.btn{animation:pulse 2s infinite;background:linear-gradient(90deg,#4e7fff,#8c4eff);border:none;border-radius:30px;box-shadow:0 5px 15px #4e7fff66;color:#fff;display:inline-block;font-weight:700;overflow:hidden;padding:.8rem 2rem;position:relative;text-decoration:none;transition:transform .3s,box-shadow .3s;z-index:10}.btn:hover{animation:none;box-shadow:0 8px 25px #4e7fff99;transform:translateY(-3px)}.btn:after{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.btn:hover:after{left:100%}.music-buttons{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem;z-index:10}.music-btn,.music-buttons{justify-content:center;position:relative}.music-btn{align-items:center;border-radius:50px;color:#fff;display:inline-flex;font-weight:700;min-width:200px;opacity:0;overflow:hidden;padding:1rem 2rem;text-decoration:none;transform:scale(.8);transition:transform .3s,box-shadow .3s;transition:opacity .8s,transform .8s}.music-btn.appear{opacity:1;transform:scale(1)}.music-btn.spotify{background:linear-gradient(90deg,#1db954,#1aa34a);box-shadow:0 5px 15px #1db95466}.music-btn.youtube{background:linear-gradient(90deg,red,#c00);box-shadow:0 5px 15px #f006}.music-btn:hover{transform:translateY(-5px) scale(1.05)}.music-btn.spotify:hover{box-shadow:0 8px 25px #1db95499}.music-btn.youtube:hover{box-shadow:0 8px 25px #f009}.music-btn:after{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.music-btn:hover:after{left:100%}.music-btn i{font-size:1.5rem;margin-right:10px}.music-btn.secondary{background-color:initial;border:1px solid #fff;opacity:.8}.switch-btn{filter:brightness(.8);opacity:.85;transition:filter .3s ease}.switch-btn:hover{filter:brightness(1)}.watch-btn{background:#4285f4;border-radius:4px;color:#fff;display:inline-block;font-size:.9rem;margin-top:.8rem;padding:.4rem 1rem;text-decoration:none;transition:background .3s ease}.watch-btn:hover{background:#2a75f3}.controls button{background:#4e7fff;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-right:10px;padding:.5rem 1rem}.yt-music-buttons,.yt-music-buttons button{align-items:center;display:flex;justify-content:center}.yt-music-buttons button{background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:40px;margin:0 .5rem;transition:background .2s;width:40px}.yt-music-buttons button:hover{background:#ffffff1a}.yt-music-play-btn{background:#ffffff1a!important;height:48px!important;width:48px!important}.yt-music-play-btn:hover{background:#fff3!important}.player-controls{gap:1rem;margin-top:1rem}.player-controls button{background:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.player-controls button:disabled{cursor:not-allowed;opacity:.5}.logout-button{background-color:#444;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:1rem;padding:10px 16px}.logout-button:hover{background-color:#666}.switch-playlist-button{background:#1db954;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px}.switch-playlist-button:hover{background:#1ed760}.open-search-button{background:#1db954;border:none;border-radius:30px;color:#fff;cursor:pointer;margin-top:2rem;padding:.8rem 1.5rem}.add-to-playlist-button{background:#0000;border:none;color:#b3b3b3;cursor:pointer;font-size:20px;transition:transform .2s}.add-to-playlist-button:hover{color:#fff;transform:scale(1.1)}.like-button{background:#0000;border:none;color:#b3b3b3;cursor:pointer;font-size:20px;transition:transform .2s}.like-button:hover{color:#fff;transform:scale(1.1)}.like-button.liked{color:#1db954}.control-button{border-radius:50%;color:#b3b3b3;font-size:20px;padding:8px;transition:all .2s ease}.control-button:hover{color:#fff;transform:scale(1.1)}.control-button.active{color:#1db954}.control-button:disabled{transform:none}.play-button{box-shadow:0 4px 12px #1db9544d;font-size:24px;height:56px;margin:0 16px;transition:all .2s ease;width:56px}.play-button:hover{background-color:#1ed760;box-shadow:0 6px 16px #1db95466;transform:scale(1.05)}.media-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;overflow:hidden;transition:transform .3s ease}.media-card:hover{transform:translateY(-5px)}.media-card img{height:150px;object-fit:cover;width:100%}.media-info{padding:1rem}.media-info h4{font-size:1rem;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-info p{color:#ffffffb3;font-size:.9rem;margin:0}.user-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;padding:1.5rem}.user-info-card img{border-radius:50%;height:100px;margin-bottom:1rem;width:100px}.platform-badge{background:#4e73dfcc;border-radius:20px;color:#fff;font-size:.8rem;margin-top:.5rem;padding:.3rem .8rem;width:fit-content}.playlist-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px}.playlist-item{background:#282828;border-radius:6px;cursor:pointer;overflow:hidden;transition:transform .2s}.playlist-item:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-5px)}.playlist-item img{height:150px;object-fit:cover;width:100%}.playlist-info{padding:10px}.playlist-info h4{font-size:14px;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-info p{color:#b3b3b3;font-size:12px;margin:0}.playlist-tracks{max-height:300px}.search-results{max-height:200px;overflow-y:auto}.search-result-item{border-radius:4px;padding:8px 5px;transition:background-color .2s}.search-result-item:hover{background-color:#282828}.result-thumbnail{height:40px;margin-right:10px;width:40px}.result-thumbnail img{border-radius:4px;height:100%;width:100%}.result-info{overflow:hidden}.result-title{font-size:14px}.result-subtitle,.result-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-subtitle{color:#b3b3b3;font-size:12px}.result-type{background-color:#333;border-radius:10px;color:#b3b3b3;font-size:11px;padding:2px 5px}.no-results,.search-loading{color:#b3b3b3;padding:15px 0;text-align:center}.recommendation-item{align-items:center;display:flex;margin-bottom:10px}.recommendation-image{border-radius:4px;height:40px;margin-right:10px;width:40px}.recommendation-info{flex:1 1;overflow:hidden}.recommendation-title{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommendation-artist{color:#b3b3b3;font-size:12px}.hero{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:5rem 2rem;position:relative;text-align:center}.hero h1{animation:textShine 3s linear infinite;background:linear-gradient(90deg,#fff,#4e7fff,#fff);background-clip:text;-webkit-background-clip:text;background-size:200% auto;color:#0000;font-size:4rem;font-weight:700;margin-bottom:.5rem}.hero h1,.hero h2.tagline{position:relative;z-index:10}.hero h2.tagline{animation:fadeIn 1s .3s forwards;color:#4e7fff;font-size:1.8rem;font-style:italic;font-weight:300;margin-bottom:1.5rem;opacity:0;transform:translateY(10px)}.hero p{animation:fadeIn 1s .5s forwards;font-size:1.2rem;margin:0 auto 2rem;max-width:600px;opacity:0;position:relative;transform:translateY(20px);z-index:10}.music-integration h2{animation:textShine 3s linear infinite;background:linear-gradient(90deg,#fff,#4e7fff,#fff);background-clip:text;-webkit-background-clip:text;background-size:200% auto;color:#0000;font-size:2.8rem;margin-bottom:2rem;position:relative;z-index:10}.music-integration p{font-size:1.2rem;margin:0 auto 3rem;max-width:600px;position:relative;z-index:10}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes float{0%{opacity:0;transform:translateY(0) translateX(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-300px) translateX(100px)}}@keyframes spinner{to{transform:rotate(1turn)}}@keyframes dotPulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.5)}}.album-art.rotating,.music-player-artwork img.rotating{animation:rotate 20s linear infinite}.playing-dot{animation:dotPulse 1.5s ease infinite alternate;background-color:#1db954;border-radius:50%;height:4px;margin:0 2px;width:4px}.playing-dot:nth-child(2){animation-delay:.2s}.playing-dot:nth-child(3){animation-delay:.4s}.loader-spinner{animation:spinner 1s linear infinite;border:4px solid #ffffff1a;border-left-color:red;border-radius:50%;height:30px;width:30px}:root{--sidebar-width:350px;--sidebar-min-width:300px;--sidebar-max-width:400px;--mini-player-height:70px;--player-bg:#121212;--player-accent:#1db954;--player-text:#fff;--player-secondary:#b3b3b3;--player-border:#282828}.music-sidebar{background-color:#121212;background-color:var(--player-bg);box-shadow:-5px 0 15px #0000004d;color:#fff;color:var(--player-text);height:100vh;max-width:400px;max-width:var(--sidebar-max-width);min-width:300px;min-width:var(--sidebar-min-width);overflow-x:hidden;overflow-y:auto;position:fixed;right:0;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin;top:0;transform:translateX(0);transition:transform .3s ease;width:350px;width:var(--sidebar-width);z-index:1000}.music-sidebar::-webkit-scrollbar{width:8px}.music-sidebar::-webkit-scrollbar-track{background:#0003}.music-sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.music-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.music-sidebar.collapsed{transform:translateX(100%)}.mini-player{align-items:center;background-color:#121212;background-color:var(--player-bg);border-radius:8px;bottom:20px;box-shadow:0 4px 12px #0006;display:flex;height:70px;height:var(--mini-player-height);padding:0 8px;position:fixed;right:20px;width:200px;z-index:999}.mini-album-art{border-radius:4px;height:50px;margin-right:8px;object-fit:cover;width:50px}.mini-track-info{flex:1 1;min-width:0}.mini-track-name{font-size:14px;font-weight:500}.mini-artist-name,.mini-track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-artist-name{color:#b3b3b3;color:var(--player-secondary);font-size:12px}.mini-controls,.mini-play-button{align-items:center;display:flex}.mini-play-button{background-color:#1db954;background-color:var(--player-accent);border:none;border-radius:50%;color:#fff;color:var(--player-text);cursor:pointer;height:32px;justify-content:center;margin-right:8px;width:32px}.mini-expand-button{background:none;border:none;color:#b3b3b3;color:var(--player-secondary);cursor:pointer;font-size:16px}.sidebar-header{background-color:#121212;background-color:var(--player-bg);border-bottom:1px solid #282828;border-bottom:1px solid var(--player-border);display:flex;flex-direction:column;padding:16px;position:sticky;top:0;z-index:10}.sidebar-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.sidebar-header h3{font-size:18px;font-weight:600;margin:0}.collapse-button{background:none;border:none;cursor:pointer;font-size:18px;padding:5px}.collapse-button,.current-track-display{color:#b3b3b3;color:var(--player-secondary)}.current-track-display{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-track-name{color:#fff;color:var(--player-text);font-weight:500}.now-playing-section{align-items:center;background-color:#121212;background-color:var(--player-bg);display:flex;flex-direction:column;padding:20px}.album-artwork{border-radius:8px;box-shadow:0 8px 16px #0006;height:160px;margin-bottom:16px;overflow:hidden;width:160px}.album-artwork img{height:100%;object-fit:cover;width:100%}.album-artwork img.rotating{animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.track-info{flex-direction:column;margin-bottom:16px;text-align:center;width:100%}.track-name,.track-title{color:#fff;font-size:15px;font-weight:500;margin:0 0 4px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.track-artist{font-size:13px;text-align:center}.progress-container{margin-bottom:16px}.progress-fill{background-color:#1db954;background-color:var(--player-accent);height:100%;left:0;position:absolute;top:0}.time-display{color:#b3b3b3;color:var(--player-secondary);display:flex;font-size:12px;justify-content:space-between;margin-top:4px}.player-controls{align-items:center;display:flex;justify-content:center;margin-bottom:12px}.control-button{background:none;border:none;color:#fff;color:var(--player-text);cursor:pointer;font-size:18px;margin:0 12px}.control-button:disabled{opacity:.3}.play-button{background-color:#1db954;background-color:var(--player-accent);border:none;border-radius:50%;color:#fff;color:var(--player-text);cursor:pointer;font-size:18px;height:40px;justify-content:center;margin:0 12px;width:40px}.extra-controls,.play-button{align-items:center;display:flex}.extra-controls{justify-content:space-between;margin-bottom:16px;width:100%}.repeat-button,.shuffle-button{background:none;border:none;color:#b3b3b3;color:var(--player-secondary);cursor:pointer;font-size:16px}.repeat-button.active,.shuffle-button.active{color:#1db954;color:var(--player-accent)}.playlist-section{background-color:#0003;border-top:1px solid #282828;border-top:1px solid var(--player-border);min-height:300px}.playlist-header{background-color:#0000004d;border-bottom:1px solid #282828;border-bottom:1px solid var(--player-border);padding:12px 16px;position:sticky;top:0;z-index:5}.playlist-header h4{font-size:14px;font-weight:600;margin:0}.search-button{background:none;border:none;color:#b3b3b3;color:var(--player-secondary);cursor:pointer;font-size:16px}.playlist-tracks{min-height:200px;overflow:visible}.playlist-track{min-height:60px;padding:10px 16px}.track-number{color:var(--player-secondary);flex-shrink:0;width:20px}.track-thumb{border-radius:4px;flex-shrink:0;height:40px;margin:0 12px;overflow:hidden;position:relative;width:40px}.track-thumb img{height:100%;object-fit:cover;width:100%}.playing-indicator{background-color:#0009;color:var(--player-accent)}.track-details{overflow:hidden}.track-name{margin-bottom:3px}.track-artist{color:var(--player-secondary);font-size:12px}.empty-playlist{color:var(--player-secondary);height:150px}.playlist-footer{background-color:#0000004d;border-top:1px solid #282828;border-top:1px solid var(--player-border);bottom:0;position:sticky}.add-queue-button{border-radius:4px;color:var(--player-text)}.track-actions{align-items:center;flex-shrink:0}.track-drag{margin-right:8px}.track-remove-button{background:none;border:none;border-radius:2px;color:#ffffff4d;cursor:pointer;font-size:12px;opacity:0;padding:6px;transition:opacity .2s ease,color .2s ease}.playlist-track:hover .track-drag,.playlist-track:hover .track-remove-button{opacity:1}.track-remove-button:hover{background-color:#ff00001a;color:#ff0000b3}@media (max-width:768px){.music-sidebar{max-width:100%;width:100%}.playlist-tracks{min-height:180px}.playlist-track{min-height:56px;padding:8px 16px}.now-playing-section{padding:16px}.album-artwork{height:140px;width:140px}.track-thumb{height:36px;width:36px}}.search-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff0d;border-radius:8px;margin-bottom:24px;padding:16px}.dashboard-search-input{align-items:center;background-color:#ffffff1a;border-radius:30px;display:flex;margin-bottom:16px;padding:10px 16px;transition:all .3s ease}.dashboard-search-input:focus-within{background-color:#ffffff26;box-shadow:0 0 0 2px #1db95480}.search-icon{color:#ffffffb3;font-size:18px;margin-right:12px}.search-input{background:none;flex:1 1;padding:8px 0}.search-input::placeholder{color:#ffffff80}.clear-search-button{align-items:center;background:none;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:5px}.clear-search-button:hover{background-color:#ffffff1a;color:#fff}.search-tabs{display:flex;gap:12px;margin-bottom:20px}.search-tab{background:none;border:none;border-radius:20px;color:#ffffffb3;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;transition:all .2s ease}.search-tab:hover{background-color:#ffffff1a;color:#fff}.search-tab.active{background-color:#1db95433;border-bottom:2px solid #1db954;color:#fff}.search-loading,.search-no-results,.search-placeholder{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;justify-content:center;padding:40px 0;text-align:center}.loading-spinner{height:30px;width:30px}.search-icon-large{font-size:48px;margin-bottom:16px;opacity:.5}.search-results-tracks{overflow-x:auto;width:100%}.tracks-table{border-collapse:collapse;color:#fff;width:100%}.tracks-table th{border-bottom:1px solid #ffffff1a;color:#ffffff80;font-size:14px;font-weight:400;padding:10px 16px;text-align:left}.track-row{border-bottom:1px solid #ffffff0d;transition:background-color .2s ease}.track-row:hover{background-color:#ffffff0d}.track-row td{padding:12px 16px}.track-number{color:#ffffff80;width:40px}.track-info{align-items:center;display:flex;min-width:240px;padding-right:16px}.track-image{border-radius:4px;height:40px;margin-right:16px;overflow:hidden;width:40px}.track-image img{height:100%;object-fit:cover;width:100%}.track-name-artist{align-items:center;display:flex;flex-direction:column;overflow:hidden;text-align:center}.track-name{color:#fff;font-size:16px;margin-bottom:4px;width:100%}.track-artist{color:#ffffff80;font-size:14px;width:100%}.track-album{color:#ffffffb3;font-size:14px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-duration{color:#ffffff80;font-size:14px;text-align:right;width:80px}.track-actions{position:relative;text-align:right;width:60px}.track-action-button{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:18px;opacity:.5;padding:5px 10px;transition:opacity .2s ease}.track-row:hover .track-action-button{opacity:1}.quick-actions{background-color:#282828;border-radius:4px;box-shadow:0 8px 16px #0000004d;overflow:hidden;position:absolute;right:0;top:100%;width:160px;z-index:100}.quick-actions button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;text-align:left;transition:background-color .2s ease;width:100%}.quick-actions button:hover{background-color:#ffffff1a}.search-results-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.media-cover-art{box-shadow:0 5px 15px #0000004d;overflow:visible}.artist-cover{border-radius:50%}.media-item .track-actions{position:absolute;right:8px;top:8px;z-index:50}.media-item .track-action-button{align-items:center;background-color:#0009;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;opacity:0;padding:0;transition:opacity .2s ease;width:30px}.media-item:hover .track-action-button{opacity:1}.media-item .hover-menu{background-color:#282828;border-radius:4px;box-shadow:0 8px 16px #0000004d;left:auto;opacity:0;overflow:hidden;position:absolute;right:0;top:38px;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:160px;z-index:500}.media-item .hover-menu:hover,.media-item .track-actions:hover .hover-menu{opacity:1;visibility:visible}.hover-menu button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.hover-menu button:hover{background-color:#1db9544d}.media-info{text-align:center}.media-item.track-item{padding:0 0 24px}@media (max-width:768px){.search-results-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.tracks-table{font-size:14px}.track-album{display:none}}.music-player-container{background-color:#121212;border-radius:12px;box-shadow:0 10px 30px #0006;color:#fff;display:flex;flex-direction:column;margin:0 auto;max-width:900px;overflow:hidden;width:100%}.music-player-content{display:flex;flex-direction:column;height:100%}.music-player-artwork{border-radius:50%;box-shadow:0 8px 30px #0009;height:280px;margin-bottom:2rem;overflow:hidden;width:280px}.music-player-artwork img{height:100%;object-fit:cover;width:100%}.music-player-track-info{margin-top:1rem;text-align:center}.track-title{font-size:24px;font-weight:700;margin:0 0 8px;max-width:100%}.track-artist{color:#b3b3b3;font-size:16px;font-weight:400;margin:0;max-width:100%}.progress-container{cursor:pointer;margin-bottom:24px;padding:10px 0;position:relative;width:100%;z-index:10}.progress-bar{background-color:#fff3;border-radius:2px;height:4px;overflow:hidden;position:relative;z-index:5}.progress-bar-fill,.progress-filled,.spotify-progress-fill,.yt-music-progress-fill{background-color:#1db954;height:100%;left:0;position:absolute;top:0;transition:width .1s linear;z-index:6}.progress-handle{background-color:#fff;border-radius:50%;box-shadow:0 0 5px #0000004d;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;z-index:7}.spotify-time-display,.time-display,.yt-music-time{color:#b3b3b3;display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.yt-music-volume{align-items:center;display:flex;margin-left:2rem}.volume-icon{color:#aaa;margin-right:.5rem}.volume-slider{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;height:4px;outline:none;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.playback-rate-control{margin-top:16px}.rate-select{background-color:#ffffff1a;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.rate-select:focus{outline:none}.switch{height:20px;margin-right:8px;width:40px}.slider{background-color:#4d4d4d}.slider:before{bottom:2px;height:16px;left:2px;width:16px}input:checked+.slider:before{transform:translateX(20px)}.toggle-label{color:#b3b3b3;font-size:12px}.playlist-loader,.yt-player-error{align-items:center;color:#aaa;display:flex;font-size:.9rem;height:100%;justify-content:center}.player-error{background:#fff3e0;color:#e65100}.debug-info,.player-error{border-radius:5px;margin:10px 0;padding:10px}.debug-info{background:#f0f0f0;color:#333;font-size:12px}.empty-playlist{align-items:center;color:#b3b3b3;display:flex;flex-direction:column;height:200px;justify-content:center;text-align:center}.empty-icon{font-size:36px;margin-bottom:12px}.spotify-full-player{border-radius:8px;box-shadow:0 4px 16px #0000004d;display:flex;margin-top:20px}.spotify-full-player,.spotify-player-container{background-color:#121212;color:#fff;overflow:hidden;width:100%}.spotify-player-container{border-radius:12px;box-shadow:0 5px 20px #00000080;flex:1 1;margin:0 auto;max-width:900px;padding:20px;position:relative}.spotify-sidebar{background-color:#181818;border-left:1px solid #282828;width:300px}.player-wrapper,.spotify-sidebar{display:flex;flex-direction:column}.player-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:10px;color:#fff;margin-top:2rem;padding:1rem}.player-content{display:flex;min-height:480px}.album-section{align-items:center;background:linear-gradient(180deg,#2d2d2d,#121212);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px}.album-container{border-radius:50%;box-shadow:0 8px 16px #0006;height:220px;margin-bottom:20px;overflow:hidden;position:relative;width:220px;z-index:10}.album-art{height:100%;object-fit:cover;width:100%}.album-art.rotating{animation:rotate 20s linear infinite}.spotify-likes{align-items:center;display:flex;margin-top:15px}.track-actions{display:flex;gap:15px}.playlists-dropdown{background-color:#282828;border-radius:6px;box-shadow:0 4px 12px #00000080;margin-top:40px;max-height:300px;overflow-y:auto;position:absolute;width:250px;z-index:100}.playlists-header{align-items:center;border-bottom:1px solid #3e3e3e;display:flex;justify-content:space-between;padding:10px 15px}.close-playlists{background:#0000;border:none;color:#b3b3b3;cursor:pointer;font-size:16px}.playlists-list{list-style:none;margin:0;padding:0}.spotify-radio-mode{border-bottom:1px solid #282828;padding:15px}.radio-mode-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.radio-mode-header h3{font-size:16px;margin:0}.recommendation-list{list-style:none;margin:0;padding:0}.spotify-search{border-bottom:1px solid #282828;padding:15px}.connection-status{font-size:12px;margin-top:4px;opacity:.7}.connection-status.connecting{color:#f5b041}.connection-status.error{color:#e74c3c}.radio-button{background:none;border:none;border-radius:16px;color:#b3b3b3;cursor:pointer;font-size:14px;padding:8px 12px}.radio-button:hover{background-color:#ffffff1a}.radio-button.active{color:#1db954}.playlist-section{background-color:#181818;border-left:1px solid #ffffff1a;display:flex;flex-direction:column;width:330px}.playlist-header{border-bottom:1px solid #ffffff1a;padding:16px}.playlist-header h3{font-size:16px;font-weight:600;margin:0}.playlist-actions{display:flex;gap:8px}.playlist-search{border-bottom:1px solid #ffffff1a;padding:12px 16px}.playlist-search input{background-color:#ffffff1a;border:none;border-radius:4px;color:#fff;font-size:14px;padding:8px 12px;width:100%}.playlist-search input::placeholder{color:#ffffff80}.playlist-tracks{flex:1 1;overflow-y:auto;padding:8px 0}.playlist-track{border-radius:4px;margin:2px 8px;padding:8px 12px;transition:background-color .2s ease}.playlist-track:hover{background-color:#ffffff1a}.playlist-track.active{background-color:#1db95433}.track-number{color:#b3b3b3;font-size:14px}.track-img{border-radius:4px;height:40px;margin:0 10px;overflow:hidden;position:relative;width:40px}.track-img img{height:100%;object-fit:cover;width:100%}.playing-indicator{align-items:center;background-color:#000000b3;color:#1db954;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.track-details{flex:1 1;min-width:0}.track-name{font-size:14px;font-weight:500}.track-creator,.track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-creator{color:#b3b3b3;font-size:12px}.track-drag{color:#ffffff4d;cursor:grab;font-size:14px;opacity:.5;padding-left:5px}.playlist-track:hover .track-drag{opacity:1}.playlist-footer{border-top:1px solid #ffffff1a;padding:12px 16px}.add-queue-button{background-color:#ffffff1a;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:10px;transition:background-color .2s ease;width:100%}.add-queue-button:hover{background-color:#fff3}.search-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.search-modal-content{background-color:#282828;border-radius:8px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.search-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px}.search-modal-header h3{font-size:18px;font-weight:600;margin:0}.close-button{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:24px}.search-input-container{border-bottom:1px solid #ffffff1a;padding:16px}.search-input{background-color:#ffffff1a;border:none;border-radius:4px;color:#fff;font-size:16px;padding:12px 16px;width:100%}.search-input:focus{background-color:#ffffff26;outline:none}.search-results-container{flex:1 1;overflow-y:auto}.search-result-item{align-items:center;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s ease}.search-result-item:hover{background-color:#ffffff1a}.result-image{border-radius:4px;height:50px;margin-right:16px;overflow:hidden;width:50px}.result-image img{height:100%;object-fit:cover;width:100%}.result-info{flex:1 1;min-width:0}.result-name{font-size:16px;font-weight:500;margin-bottom:4px}.result-details,.result-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-details{color:#b3b3b3;font-size:14px}.add-button{align-items:center;background-color:#1db954;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;margin-left:12px;transition:background-color .2s ease;width:32px}.add-button:hover{background-color:#1ed760}.no-results,.search-loading,.search-placeholder{align-items:center;color:#b3b3b3;display:flex;flex-direction:column;justify-content:center;padding:32px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#1db954;height:24px;margin-bottom:16px;width:24px}.icon-button,.search-button{background:none;border:none;border-radius:50%;color:#b3b3b3;cursor:pointer;font-size:16px;padding:8px}.icon-button:hover,.search-button:hover{background-color:#ffffff1a;color:#fff}.spotify-music-player-container .text-white{color:#fff}.spotify-music-player-container .text-gray-400{color:#9ca3af}.spotify-music-player-container .text-green-500{color:#10b981}.spotify-music-player-container .bg-green-500{background-color:#10b981}.spotify-music-player-container .bg-green-600:hover{background-color:#059669}.spotify-music-player-container .bg-gray-700{background-color:#374151}.spotify-music-player-container .bg-gray-800{background-color:#1f2937}.spotify-music-player-container .bg-gray-900{background-color:#111827}.spotify-music-player-container .border-gray-800{border-color:#1f2937}.spotify-music-player-container .border-green-500{border-color:#10b981}.spotify-music-player-container .hover\:bg-gray-700:hover{background-color:#374151}.spotify-music-player-container .hover\:bg-gray-800:hover{background-color:#1f2937}.spotify-music-player-container .hover\:bg-green-600:hover{background-color:#059669}.spotify-music-player-container .w-full{width:100%}.spotify-music-player-container .max-w-4xl{max-width:56rem}.spotify-music-player-container .h-full{height:100%}.spotify-music-player-container .w-12{width:3rem}.spotify-music-player-container .h-12{height:3rem}.spotify-music-player-container .w-48{width:12rem}.spotify-music-player-container .h-48{height:12rem}.spotify-music-player-container .w-64{width:16rem}.spotify-music-player-container .w-5{width:1.25rem}.spotify-music-player-container .h-5{height:1.25rem}@media (min-width:768px){.spotify-music-player-container .md\:w-64{width:16rem}.spotify-music-player-container .md\:h-64{height:16rem}}@media (max-width:900px){.player-content{flex-direction:column}.playlist-section{max-height:300px;width:100%}.album-container{height:180px;width:180px}}.segment-item{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #4a00e0;border-radius:8px;display:flex;gap:12px;margin:4px 0;padding:12px}.segment-item.active{border-color:#8e2de2;box-shadow:0 0 15px #8a2be24d}.segment-icon{font-size:1.5rem;min-width:40px;text-align:center}.segment-content{display:flex;flex:1 1;flex-direction:column;gap:6px}.segment-title{color:#e0e0e0;font-size:.95rem;font-weight:600}.segment-controls{align-items:center;display:flex;gap:8px}.segment-duration-select{background:#2a2a4a;border:1px solid #4a00e0;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:4px 8px}.segment-duration-select:hover{border-color:#8e2de2}.segment-remove-btn{align-items:center;background:#0000;border:1px solid #ff4757;border-radius:50%;color:#ff4757;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;transition:all .2s;width:24px}.segment-remove-btn:hover{background:#ff4757;color:#fff}.segment-generated-badge{background:#00d26a;border-radius:12px;color:#000;font-size:.7rem;font-weight:600;padding:2px 8px}.playlist-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.add-segment-btn{background:linear-gradient(135deg,#4a00e0,#8e2de2);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.add-segment-btn:hover{box-shadow:0 0 10px #8a2be280;transform:scale(1.05)}.placard-marker{align-items:center;background:linear-gradient(90deg,#8a2be233,#0000);border-left:3px solid #8e2de2;display:flex;gap:8px;margin:4px 0;padding:8px 12px}.placard-icon{font-size:1.2rem}.placard-label{color:#b3b3b3;flex:1 1;font-size:.85rem}.placard-remove-btn{align-items:center;background:#0000;border:1px solid #ff4757;border-radius:50%;color:#ff4757;cursor:pointer;display:flex;font-size:.7rem;height:20px;justify-content:center;opacity:.6;transition:opacity .2s;width:20px}.placard-marker:hover .placard-remove-btn{opacity:1}.placard-drag{color:#666;cursor:grab;opacity:.5;padding:0 4px;transition:opacity .2s}.placard-marker:hover .placard-drag{opacity:1}.placard-marker[draggable=true]:active{cursor:grabbing;opacity:.7}.placard-drop-zone{background:#0000;border-radius:2px;height:4px;margin:2px 0;transition:all .2s}.placard-drop-zone.drag-over{background:linear-gradient(90deg,#8a2be24d,#8a2be21a);border:2px dashed #8e2de2;height:32px}.youtube-music-player-container{background:#121212;border-radius:8px;box-shadow:0 10px 30px #00000080;color:#fff;display:flex;flex-direction:column;margin:2rem auto;max-width:1200px;overflow:hidden}.youtube-player-container{margin:0 auto;max-width:720px;position:relative;width:100%}.youtube-player-container .loading{align-items:center;background:#0000001a;display:flex;height:360px;justify-content:center;padding:1rem;text-align:center}.youtube-player-error{background:#ff00001a;border:1px solid red;border-radius:5px;color:red;margin:1rem 0;padding:1rem}.youtube-player-wrapper{margin:2rem 0}.music-player-youtube{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.yt-music-controls{background-color:#212121;border-radius:8px;padding:1rem;width:100%}.yt-music-progress-container{cursor:pointer;margin-bottom:1rem}.yt-music-progress-bar{background-color:#fff3;border-radius:2px;height:4px;overflow:hidden;position:relative}.yt-music-progress-fill{background-color:red;border-radius:2px;height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.yt-music-playlist{border-bottom:1px solid #282828;height:100%;padding:15px}.playlist-tracks{padding:.5rem 0}.playlist-track{align-items:center;cursor:pointer;display:flex;padding:.75rem 1rem;transition:background .2s}.playlist-track:hover{background:#ffffff1a}.playlist-track.active{background:#f003}.track-number{color:#aaa;font-size:.9rem;text-align:center;width:24px}.track-thumbnail{border-radius:4px;height:40px;margin:0 1rem;overflow:hidden;position:relative;width:40px}.track-thumbnail img{height:100%;object-fit:cover;width:100%}.now-playing-indicator{align-items:center;background:#0009;color:red;display:flex;font-size:1.2rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.track-info{flex:1 1;overflow:hidden}.track-title{font-size:.9rem}.track-artist,.track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{color:#aaa;font-size:.8rem;margin-top:.25rem}.dj-speaking{position:relative}.dj-mode-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#14141e99;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:16px;padding:16px;transition:all .3s ease}.dj-mode-container.active{border-color:#1db95466;box-shadow:0 0 20px #1db95426}.dj-mode-container:hover{background-color:#1e1e2db3}.dj-mode-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.dj-mode-header h3{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;margin:0}.dj-mode-header h3:before{content:"🎙️";font-size:20px;margin-right:8px}.toggle-switch{align-items:center;display:flex}.switch{display:inline-block;height:24px;margin-right:10px;position:relative;width:48px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#fff3;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#1db954}input:checked+.slider:before{transform:translateX(24px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.toggle-label{color:#ffffffb3;font-size:14px}.dj-settings{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:12px;padding:12px 0}.dj-setting,.dj-settings{align-items:center;display:flex}.dj-setting{gap:8px}.dj-settings label{color:#ffffffb3;font-size:14px}.dj-settings select{background-color:#ffffff1a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;outline:none;padding:8px 12px;transition:background-color .2s ease}.dj-settings select:hover{background-color:#ffffff26}.dj-settings select:disabled{cursor:not-allowed;opacity:.5}.dj-speaking{align-items:center;animation:pulse 2s infinite;background-color:#1db95433;border-radius:20px;display:flex;margin-left:auto;padding:4px 10px}.dj-speaking p{color:#1db954;font-size:12px;font-weight:500;margin:0}.wave-animation{align-items:center;display:flex;height:20px;margin-right:8px}.wave-animation span{animation:wave 1.2s ease-in-out infinite;background:#1db954;border-radius:1px;display:inline-block;height:5px;margin-right:3px;width:3px}.wave-animation span:first-child{animation-delay:0s}.wave-animation span:nth-child(2){animation-delay:.2s;height:8px}.wave-animation span:nth-child(3){animation-delay:.4s;height:12px}.wave-animation span:nth-child(4){animation-delay:.2s;height:8px}.wave-animation span:nth-child(5){animation-delay:0s}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(2)}}.stop-dj-button{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#ffffffe6;cursor:pointer;display:flex;font-size:10px;height:18px;justify-content:center;margin-left:8px;padding:0;transition:all .2s ease;width:18px}.stop-dj-button:hover{background-color:#ff000080;color:#fff}.dj-warning{background-color:#ff573333;border-radius:4px;margin-top:12px;padding:8px 12px;width:100%}.dj-warning p{color:#ff5733e6;font-size:12px;margin:0;text-align:center}.dj-track-history{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:120px;overflow-y:auto;padding:4px;width:100%}.dj-track-history-title{color:#ffffffb3;font-size:12px;margin:0 0 4px}.dj-track-item{align-items:center;background-color:#ffffff0d;border-radius:4px;display:flex;padding:8px}.dj-track-image{border-radius:2px;height:24px;margin-right:8px;width:24px}.dj-track-info{display:flex;flex-direction:column;overflow:hidden}.dj-track-name{color:#fff;font-size:11px}.dj-track-artist,.dj-track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-track-artist{color:#ffffff80;font-size:10px}.dj-frequency{display:flex;flex-direction:column;gap:8px;margin-top:12px;width:100%}.dj-frequency-title{color:#ffffffb3;font-size:12px;margin:0}.dj-frequency-options{display:flex;gap:8px}.dj-frequency-option{background-color:#ffffff1a;border-radius:4px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:12px;padding:8px;text-align:center;transition:all .2s ease}.dj-frequency-option:hover{background-color:#ffffff26}.dj-frequency-option.active{background-color:#1db95433;color:#1db954e6}@media (max-width:500px){.dj-settings{align-items:flex-start;flex-direction:column}.dj-setting{justify-content:space-between;width:100%}.dj-speaking{justify-content:center;margin:8px 0 0;width:100%}}.ai-radio-mode-container{background-color:#1db9541a;border:1px solid #1db9544d;border-radius:8px;color:#1db954;margin:16px;padding:16px;transition:all .3s ease}.ai-radio-mode-container:hover{background-color:#1db95426}.ai-radio-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ai-radio-title{color:#1db954;font-size:14px;font-weight:600;margin:0}.ai-radio-toggle-button{background-color:initial;border:1px solid #1db95480;border-radius:4px;color:#1db954;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s ease}.ai-radio-toggle-button:hover{background-color:#1db95433;border-color:#1db954}.ai-radio-generating{align-items:center;animation:pulse 2s infinite;color:#1db954;display:flex;font-size:12px;gap:8px;margin-bottom:8px}.ai-radio-spinner{animation:spin 1s linear infinite;border:2px solid #1db9544d;border-radius:50%;border-top-color:#1db954;height:12px;width:12px}.ai-radio-description{color:#1db954;font-size:12px;line-height:1.4;margin:0;opacity:.8}.ai-radio-note{font-size:11px;opacity:.6}.ai-radio-recent-picks{background-color:#1db9540d;border-left:3px solid #1db9544d;border-radius:4px;font-size:11px;margin-top:12px;opacity:.7;padding:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.features-section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:5rem 2rem;position:relative;text-align:center}.features-section h2{animation:textShine 3s linear infinite;background:linear-gradient(90deg,#fff,#4e7fff,#fff);background-clip:text;-webkit-background-clip:text;background-size:200% auto;color:#0000;font-size:2.8rem;margin-bottom:1rem}.features-section p{color:#fffc;font-size:1.2rem;margin:0 auto 4rem;max-width:600px}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1200px;width:100%}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;opacity:0;padding:2rem;text-align:center;transform:translateY(30px);transition:transform .3s ease,box-shadow .3s ease;transition:opacity .8s ease,transform .8s ease}.feature-card.appear{opacity:1;transform:translateY(0)}.feature-card:hover{box-shadow:0 20px 40px #4e7fff4d;transform:translateY(-10px)}.feature-icon{display:block;font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:#fffc;font-size:1rem;line-height:1.6;margin:0}.how-it-works-section{min-height:80vh;padding:5rem 2rem;text-align:center}.how-it-works-section h2{animation:textShine 3s linear infinite;background:linear-gradient(90deg,#fff,#8c4eff,#fff);background-clip:text;-webkit-background-clip:text;background-size:200% auto;color:#0000;font-size:2.8rem;margin-bottom:3rem}.steps-container{margin:0 auto;max-width:900px;padding:2rem 0;position:relative}.steps-container:before{background:linear-gradient(180deg,#4e7fff4d,#8c4eff4d);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.step{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:3rem;opacity:0;padding:2rem;position:relative;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease;width:42%}.step:nth-child(odd){margin-left:0;margin-right:auto}.step:nth-child(2n){margin-left:auto;margin-right:0}.step.appear{opacity:1;transform:translateY(0)}.step-number{align-items:center;background:linear-gradient(135deg,#4e7fff,#8c4eff);border:3px solid #0a0a1e;border-radius:50%;box-shadow:0 0 20px #4e7fff66;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;position:absolute;width:50px}.step:nth-child(odd) .step-number{right:-65px;top:50%;transform:translateY(-50%)}.step:nth-child(2n) .step-number{left:-65px;top:50%;transform:translateY(-50%)}.step h3{color:#fff;font-size:1.3rem;margin-bottom:1rem}.step p{color:#fffc;line-height:1.6;margin:0}.auth-section{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:5rem 2rem}.auth-container{max-width:450px;width:100%}.auth-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000004d;padding:3rem}.auth-card h2{color:#fff;font-size:2rem;margin-bottom:.5rem;text-align:center}.auth-card>p{color:#fffc;margin-bottom:2rem;text-align:center}.auth-tabs{background:#ffffff0d;border-radius:12px;display:flex;gap:0;margin-bottom:2rem;padding:4px}.auth-tab{background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px 24px;position:relative;transition:all .3s ease}.auth-tab:hover:not(:disabled){color:#ffffffe6}.auth-tab.active{background:linear-gradient(135deg,#4e7fff,#8c4eff);box-shadow:0 4px 12px #4e7fff4d;color:#fff}.auth-tab:disabled{cursor:not-allowed;opacity:.5}.error-message{background:#ff4d4d33;border:1px solid #ff4d4d80;border-radius:8px;color:#ff6b6b}.error-message,.success-message{font-size:.9rem;margin-bottom:1rem;padding:1rem;text-align:center}.success-message{background:#1db95433;border:1px solid #1db95480;border-radius:8px;color:#1db954}.auth-form{margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group input{background:#ffffff0d;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:1rem;padding:1rem;transition:border-color .3s ease,background .3s ease;width:100%}.form-group input:focus{background:#ffffff1a;border-color:#4e7fff;outline:none}.form-group input::placeholder{color:#ffffff80}.auth-button{background:linear-gradient(135deg,#4e7fff,#8c4eff);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:transform .2s ease,box-shadow .2s ease;width:100%}.auth-button:hover:not(:disabled){box-shadow:0 10px 20px #4e7fff66;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.7}.auth-switch{margin-bottom:1.5rem;text-align:center}.auth-switch p{color:#fffc;margin:0}.switch-button{background:none;border:none;color:#4e7fff;cursor:pointer;font-weight:600;text-decoration:underline}.switch-button:hover{color:#8c4eff}.auth-divider{margin:1.5rem 0;position:relative;text-align:center}.auth-divider:before{background:#fff3;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#ffffff1a;color:#fff9;padding:0 1rem;position:relative}.guest-button{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:1rem;padding:1rem;transition:background .3s ease;width:100%}.guest-button:hover{background:#ffffff26}.guest-notice{color:#ffffff80;font-size:.8rem;margin:0;text-align:center}.loading-auth{align-items:center;display:flex;gap:.5rem;justify-content:center}.loading-spinner-auth{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.features-grid{gap:1.5rem;grid-template-columns:1fr}.steps-container:before{left:25px}.step{margin-left:80px!important;margin-right:0!important;width:calc(100% - 80px)}.step-number{left:-65px!important;right:auto!important}.auth-card{padding:2rem}.features-section h2,.how-it-works-section h2{font-size:2.2rem}.auth-section,.features-section,.how-it-works-section{padding:3rem 1rem}}@media (max-width:480px){.features-grid{gap:1rem;grid-template-columns:1fr}.auth-card,.feature-card{padding:1.5rem}.features-section h2,.how-it-works-section h2{font-size:1.8rem}}.platform-selection-page{background:var(--bg-primary);min-height:100vh;overflow-x:hidden;position:relative}.platform-selection-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;position:relative;z-index:100}.user-bubble-container{position:fixed;right:20px;top:20px;z-index:1000}.user-bubble{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;cursor:pointer;display:flex;gap:12px;padding:8px 16px;transition:all .3s ease}.user-bubble:hover{background:#ffffff26;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.enhanced-user-bubble{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 25px #0000004d;display:flex;flex-direction:column;gap:8px;min-width:200px;padding:12px;position:relative}.mongo-account-section{position:relative}.mongo-account-icon{align-items:center;background:linear-gradient(135deg,#4e7fff,#8c4eff);border-radius:12px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:all .2s ease}.mongo-account-icon:hover{background:linear-gradient(135deg,#5e87ff,#9c5eff);transform:translateY(-1px)}.mongo-avatar{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.mongo-account-name{color:#fff;font-size:14px;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-timer{color:orange;font-size:12px;font-weight:500;margin-left:4px}.platform-icons-section{display:flex;flex-wrap:wrap;gap:6px;padding-left:16px}.platform-icon-container{position:relative}.platform-bubble-icon{align-items:center;border:2px solid #0000;border-radius:50%;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;transition:all .2s ease;width:28px}.platform-bubble-icon.spotify{background:linear-gradient(135deg,#1db954,#1aa34a);color:#fff}.platform-bubble-icon.youtube{background:linear-gradient(135deg,red,#c00);color:#fff}.platform-bubble-icon.active{border-color:#4e7fff;box-shadow:0 0 12px #4e7fff99;transform:scale(1.1)}.platform-bubble-icon:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.user-main-info{gap:8px}.user-avatar,.user-main-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#4e7fff,#8c4eff);border-radius:50%;font-weight:600;height:32px;justify-content:center;width:32px}.user-avatar,.user-name{color:#fff;font-size:14px}.user-name{font-weight:500}.platform-icons{display:flex;gap:4px}.platform-sub-icon{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:relative;transition:all .2s ease;width:24px}.platform-sub-icon.spotify{background:#1db954}.platform-sub-icon.youtube{background:red}.platform-sub-icon.not-connected{background:#fff3;border:1px dashed #fff6}.platform-sub-icon.active{border:2px solid #4e7fff;box-shadow:0 0 8px #4e7fff80}.platform-sub-icon:hover{transform:scale(1.1)}.mongo-dropdown,.platform-dropdown{animation:dropdownSlideIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 25px #00000080;margin-top:8px;min-width:180px;padding:12px;position:absolute;right:0;top:100%;z-index:1002}.platform-dropdown{right:-10px}.dropdown-header,.platform-dropdown-header{border-bottom:1px solid #ffffff1a;margin-bottom:8px;padding-bottom:8px}.account-info .account-name,.platform-dropdown-header .platform-name{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}.account-info .account-email,.platform-dropdown-header .platform-username{color:#fff9;font-size:12px}.dropdown-actions,.platform-dropdown-actions{display:flex;flex-direction:column;gap:4px}.dropdown-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.dropdown-action-btn:hover{background:#ffffff1a;transform:translateX(2px)}.dropdown-action-btn.back-to-platforms:hover{background:#4e7fff33}.dropdown-action-btn.logout-btn:hover{background:#dc354533}.dropdown-action-btn.switch-btn:hover{background:#1db95433}.dropdown-action-btn.create-account-btn:hover{background:#28a74533}.spotify-dropdown{border-color:#1db9544d}.youtube-dropdown{border-color:#ff00004d}.platform-hover-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000e6;border:1px solid #fff3;border-radius:8px;margin-top:8px;min-width:140px;opacity:0;padding:8px;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:1001}.platform-sub-icon:hover .platform-hover-menu{opacity:1;transform:translateY(0);visibility:visible}.platform-hover-menu button{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px;text-align:left;transition:background .2s ease;width:100%}.platform-hover-menu button:hover{background:#ffffff1a}.platform-hover-menu button:not(:last-child){margin-bottom:4px}.user-settings-dropdown{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000e6;border:1px solid #fff3;border-radius:12px;margin-top:8px;min-width:200px;opacity:0;padding:12px;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1001}.user-bubble:hover .user-settings-dropdown{opacity:1;transform:translateY(0);visibility:visible}.settings-header{border-bottom:1px solid #ffffff1a;margin-bottom:8px;padding-bottom:8px}.settings-user-info{color:#fff;font-size:14px;font-weight:500}.settings-user-email{color:#fff9;font-size:12px;margin-top:2px}.settings-menu button{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;text-align:left;transition:background .2s ease;width:100%}.settings-menu button:hover{background:#ffffff1a}.settings-menu button:not(:last-child){margin-bottom:4px}.confirmation-modal-overlay{align-items:center;animation:modalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.confirmation-modal{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414f2;border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 40px #00000080;max-width:400px;padding:24px;width:90%}.modal-header h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.modal-body{color:#fffc;line-height:1.5;margin-bottom:20px}.modal-body ul{margin:12px 0;padding-left:20px}.modal-body li{color:#ffffffb3;margin-bottom:4px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.modal-btn.cancel-btn{background:#ffffff1a;color:#fff}.modal-btn.cancel-btn:hover{background:#fff3}.modal-btn.confirm-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.modal-btn.confirm-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px)}.platform-hero{margin-bottom:4rem;text-align:center}.platform-hero h1{animation:textShine 3s linear infinite;background:linear-gradient(90deg,#fff,#4e7fff,#fff);background-clip:text;-webkit-background-clip:text;background-size:200% auto;color:#0000;font-size:3rem;margin-bottom:1rem}.platform-hero p{color:#fffc;font-size:1.2rem;margin:0 auto;max-width:600px}.platform-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;position:relative;z-index:100}.platform-header{margin-bottom:4rem;text-align:center}.platform-header h1{animation:textShine 3s linear infinite;background:linear-gradient(90deg,#fff,#4e7fff,#fff);background-clip:text;-webkit-background-clip:text;background-size:200% auto;color:#0000;font-size:3rem;margin-bottom:1rem}.platform-header p{color:#fffc;font-size:1.2rem;margin:0 auto;max-width:600px}.platform-cards-grid,.platforms-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem;max-width:800px;width:100%}.platform-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;cursor:pointer;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .3s ease}.platform-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.platform-card.spotify:hover{border-color:#1db95480;box-shadow:0 20px 40px #1db95433}.platform-card.youtube:hover{border-color:#ff000080;box-shadow:0 20px 40px #f003}.platform-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.platform-card:hover:before{left:100%}.platform-logo{align-items:center;border-radius:50%;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.platform-logo.spotify{background:linear-gradient(135deg,#1db954,#1ed760)}.platform-logo.youtube{background:linear-gradient(135deg,red,#f33)}.platform-card h3{color:#fff;font-size:1.8rem;margin-bottom:1rem}.platform-card p{color:#fffc;line-height:1.6;margin-bottom:1.5rem}.connection-status{align-items:center;border-radius:20px;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;margin-bottom:1.5rem;padding:8px 16px}.connection-status.connected{background:#1db95433;border:1px solid #1db9544d;color:#1db954}.connection-status.active{background:#4e7fff33;border:1px solid #4e7fff4d;color:#4e7fff}.connection-status.not-connected{background:#ffffff1a;border:1px solid #fff3;color:#fff9}.connection-status.error{background:#ff4d4d33;border:1px solid #ff4d4d4d;color:#ff4d4d}.platform-action-button{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem;text-transform:uppercase;transition:all .3s ease;width:100%}.platform-action-button.connect{background:linear-gradient(135deg,#4e7fff,#8c4eff);color:#fff}.platform-action-button.switch{background:linear-gradient(135deg,#1db954,#1ed760);color:#fff}.platform-action-button.active{background:#4e7fff33;border:2px solid #4e7fff;color:#4e7fff}.platform-action-button.disconnect{background:#ff4d4d33;border:1px solid #ff4d4d4d;color:#ff4d4d}.platform-action-button:hover{box-shadow:0 8px 16px #0000004d;transform:translateY(-2px)}.platform-action-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.account-management-buttons{display:flex;gap:8px;justify-content:center;margin-top:12px}.guest-session-warning{animation:slideInRight .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffc107e6;border:1px solid #ffc1074d;border-radius:8px;color:#856404;font-size:.9rem;font-weight:500;padding:12px 16px;position:fixed;right:20px;top:80px;z-index:999}.guest-session-warning .time-remaining{color:#212529;font-weight:700}.guest-session-warning .register-link{color:#004085;cursor:pointer;margin-left:8px;text-decoration:underline}.guest-session-warning .register-link:hover{color:#0056b3}.platform-footer{margin-top:2rem;text-align:center}.platform-footer p{color:#fff9;margin-bottom:1rem}.secondary-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.secondary-action-button{background:none;border:1px solid #ffffff4d;border-radius:8px;color:#fffc;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .3s ease}.secondary-action-button:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes textShine{to{background-position:200%}}@media (max-width:768px){.platform-cards-grid,.platforms-grid{gap:1.5rem;grid-template-columns:1fr}.platform-header h1,.platform-hero h1{font-size:2.5rem}.platform-card{padding:2rem}.enhanced-user-bubble{min-width:180px}.mongo-account-name{max-width:100px}.mongo-dropdown,.platform-dropdown{min-width:160px}.user-bubble{margin-bottom:1rem}.user-bubble,.user-bubble-container{position:relative;right:auto;top:auto}.user-bubble-container{order:-1}.platform-content,.platform-selection-content{padding:1rem}.secondary-actions{align-items:center;flex-direction:column}.guest-session-warning{margin-bottom:1rem;position:relative;right:auto;top:auto}.confirmation-modal{margin:20px;width:auto}}@media (max-width:480px){.platform-card{padding:1.5rem}.platform-logo{font-size:2rem;height:60px;width:60px}.platform-header h1,.platform-hero h1{font-size:2rem}.user-name{display:none}}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-white{color:#fff}.text-gray-400{color:#9ca3af}.text-green-500{color:#10b981}.bg-green-500{background-color:#10b981}.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.border-gray-800{border-color:#1f2937}.border-green-500{border-color:#10b981}.border-none{border-style:none}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t-2{border-top-width:2px}.hover\:bg-gray-700:hover{background-color:#374151}.hover\:bg-gray-800:hover{background-color:#1f2937}.hover\:bg-green-600:hover{background-color:#059669}.hover\:opacity-100:hover{opacity:1}.flex{display:flex}.flex-1{flex:1 1}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-4>*+*{margin-left:1rem}.space-x-6>*+*{margin-left:1.5rem}.w-full{width:100%}.max-w-4xl{max-width:56rem}.h-full{height:100%}.w-12{width:3rem}.h-12{height:3rem}.w-48{width:12rem}.h-48{height:12rem}.w-64{width:16rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.cursor-pointer{cursor:pointer}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.p-6{padding:1.5rem}.p-2{padding:.5rem}.p-1{padding:.25rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-1{margin-bottom:.25rem}.mt-4{margin-top:1rem}.mr-2{margin-right:.5rem}.mr-1{margin-right:.25rem}.mb-2{margin-bottom:.5rem}.opacity-80{opacity:.8}.opacity-30{opacity:.3}.divide-y>*+*{border-top-width:1px}.divide-gray-800>*+*{border-color:#1f2937}.dashboard-content-section{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.content-section{margin-bottom:40px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{color:#fff;font-size:24px;font-weight:700;margin:0}.see-all-button{background:none;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.see-all-button:hover{background-color:#ffffff1a}.media-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.media-item{cursor:pointer;transition:transform .2s ease}.media-item:hover{transform:translateY(-5px)}.media-cover-art{aspect-ratio:1/1;border-radius:8px;box-shadow:0 4px 12px #0000004d;margin-bottom:12px;overflow:hidden;position:relative;width:100%}.media-cover-art img{height:100%;object-fit:cover;width:100%}.media-play-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.media-item:hover .media-play-overlay{opacity:1}.media-play-overlay .play-button{align-items:center;background-color:#1db954;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transform:scale(.8);transition:transform .2s ease;width:48px}.media-item:hover .media-play-overlay .play-button{transform:scale(1)}.media-info{padding:0 8px}.media-title{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.media-subtitle,.media-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-subtitle{color:#ffffffb3;font-size:12px;margin:0}.playlist-track.protected{background-color:#ffffff05;border:1px solid #ffa5004d;cursor:not-allowed;opacity:.5}.playlist-track.protected:hover{background-color:#ffa5001a;opacity:.6;transform:none}.control-button:disabled{background-color:#ffffff0d;cursor:not-allowed;opacity:.4}.control-button:disabled:hover{box-shadow:none;transform:none}.playlist-track.protected:after{animation:protectionPulse 2s ease-in-out infinite;content:"🎯";position:absolute;right:8px;top:50%;transform:translateY(-50%)}@keyframes protectionPulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width:768px){.media-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.section-header h2{font-size:20px}}@media (min-width:768px){.md\:w-64{width:16rem}.md\:h-64{height:16rem}.spotify-music-player-container{min-height:500px}}@media (max-width:768px){.nav-links{display:none}.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.music-integration h2{font-size:2rem}.music-buttons{flex-direction:column;gap:1rem}.music-btn{min-width:0;width:100%}.music-player-content{flex-direction:column;height:auto;position:relative;z-index:100}.music-player-playlist{max-height:300px;min-width:auto;width:100%}.music-player-artwork{height:200px;width:200px}.spotify-full-player{flex-direction:column}.spotify-sidebar{border-left:none;border-top:1px solid #282828;width:100%}}@media (min-width:768px) and (max-width:900px){.player-main-content{flex-direction:column;height:auto}.playlist-panel{border-left:none;border-top:1px solid #ffffff1a;max-height:300px;width:100%}.album-art-container{height:200px;width:200px}}
/*# sourceMappingURL=main.d0b1be50.css.map*/