@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Outfit:wght@400;500;600;700&family=Unbounded:wght@600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Outfit:wght@400;500;600;700&family=Unbounded:wght@600;700&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}:root{--player-bg:#121212;--player-accent:#1db954;--player-text:#fff;--player-secondary:#b3b3b3;--player-border:#282828;--bg-primary:#0a0a1a;--bg-secondary:#1a1a4a;--text-primary:#fff;--text-secondary:#ffffffb3;--accent-primary:#4e7fff;--accent-secondary:#8c4eff;--spotify-green:#1db954;--youtube-red:red;--apple-music-pink:#fa2d48;--apple-music-red:#fb233b;--apple-music-purple:#a855f7;--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-device-pixel-ratio>=0){:root{--player-scale:1}}body{color:var(--text-primary);background-color:var(--bg-primary);height:200vh;line-height:1.6;overflow-x:hidden}.page-background{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);z-index:-2;width:100%;height:100%;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6{margin-bottom:1rem}a{color:var(--text-primary);text-decoration:none;transition:color .3s}a:hover{color:var(--accent-primary)}.icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:24px;height:24px;margin-right:10px;display:inline-block}.spotify-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' 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,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' 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)}body.platform-apple-music{--player-accent:var(--apple-music-pink);--player-border:#fa2d4838;--platform-accent:var(--apple-music-pink);--platform-shadow:#fa2d4861;--platform-gradient-start:#0b0b12;--platform-gradient-end:#2a1020;--platform-glow:var(--apple-music-pink)}.music-sidebar.platform-spotify{background:linear-gradient(135deg, var(--player-bg) 0%, #1a2a1a 50%, var(--player-bg) 100%);position:relative;overflow:hidden}.music-sidebar.platform-spotify:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#1db9541a 0%,#0000 70%);width:200%;height:200%;animation:8s ease-in-out infinite platformPulse;position:absolute;top:-50%;right:-50%}.music-sidebar.platform-youtube{background:linear-gradient(135deg, var(--player-bg) 0%, #2a1a1a 50%, var(--player-bg) 100%);position:relative;overflow:hidden}.music-sidebar.platform-youtube:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ff00001a 0%,#0000 70%);width:200%;height:200%;animation:10s ease-in-out infinite platformPulse;position:absolute;top:-50%;left:-50%}.music-sidebar.platform-apple-music,body.platform-apple-music .music-sidebar{background:linear-gradient(150deg,#0f0f17 0%,#22101b 46%,#151018 100%);border-left:1px solid #fa2d4842}.music-sidebar.platform-apple-music:before,body.platform-apple-music .music-sidebar:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 84% 18%,#fa2d4829 0%,#0000 36%),radial-gradient(circle at 74% 56%,#a855f71a 0%,#0000 44%);width:100%;height:100%;animation:9s ease-in-out infinite platformPulse;position:absolute;inset:0;overflow:hidden}.music-sidebar>*{z-index:1;position:relative}.btn:hover{box-shadow:0 8px 25px var(--platform-shadow);animation:none;transform:translateY(-3px)}.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,transform .2s}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-apple-music .play-button:hover{box-shadow:0 0 20px #fa2d4894}body.platform-spotify .media-play-overlay .play-button{background-color:var(--spotify-green)}body.platform-youtube .media-play-overlay .play-button{background-color:var(--youtube-red)}body.platform-apple-music .media-play-overlay .play-button{background:linear-gradient(135deg, var(--apple-music-pink), var(--apple-music-purple))}body.platform-spotify .progress-filled{background-color:var(--spotify-green)}body.platform-youtube .progress-filled{background-color:var(--youtube-red)}body.platform-apple-music .progress-filled,body.platform-apple-music .progress-fill{background:linear-gradient(90deg, var(--apple-music-pink), var(--apple-music-purple))}body.platform-spotify .hover-menu button:hover{background-color:#1db9544d}body.platform-youtube .hover-menu button:hover{background-color:#ff00004d}body.platform-apple-music .hover-menu button:hover{background-color:#fa2d4847}body.platform-spotify .page-background{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, var(--bg-primary) 0%, #1f0f0f 30%, var(--bg-secondary) 70%, var(--bg-primary) 100%)}body.platform-apple-music .page-background{background:linear-gradient(135deg,#0a0a14 0%,#1b1022 34%,#241121 68%,#0a0a14 100%)}body.platform-spotify .platform-card.active,body.platform-spotify .media-item:hover{border:1px solid #1db9544d;box-shadow:0 0 15px #1db95433}body.platform-youtube .platform-card.active,body.platform-youtube .media-item:hover{border:1px solid #ff00004d;box-shadow:0 0 15px #f003}body.platform-apple-music .platform-card.active,body.platform-apple-music .media-item:hover{border:1px solid #fa2d4857;box-shadow:0 0 18px #fa2d4838}body.platform-spotify .loading-spinner{border-top-color:var(--spotify-green)}body.platform-youtube .loading-spinner{border-top-color:var(--youtube-red)}body.platform-apple-music .loading-spinner{border-top-color:var(--apple-music-pink)}@keyframes platformPulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.1)}}.hero-content{z-index:100;position:relative}.music-integration{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:5rem 2rem;display:flex;position:relative}.dashboard-section{z-index:10;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:1200px;margin:2rem auto 0;display:flex}.media-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.user-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;align-items:center;margin-bottom:2rem;padding:1.5rem;display:flex}.profile-image{object-fit:cover;border-radius:50%;width:80px;height:80px;margin-right:1.5rem}.user-details{flex-direction:column;display:flex}.rings{z-index:1;border:1px solid #4e7fff33;border-radius:50%;width:600px;height:600px;position:absolute;bottom:-300px;right:-300px}.rings:before,.rings:after{content:"";border-radius:50%;position:absolute}.rings:before{border:1px solid #4e7fff4d;width:500px;height:500px;animation:30s linear infinite rotate;top:50px;left:50px}.rings:after{border:1px solid #4e7fff66;width:400px;height:400px;animation:20s linear infinite reverse rotate;top:100px;left:100px}.stars{z-index:-1;pointer-events:none;width:100%;height:500vh;position:fixed;top:-100vh;left:0;overflow:hidden}.star{background-color:#fffc;border-radius:50%;position:absolute}.star-twinkle{animation:4s ease-in-out infinite twinkle}@keyframes twinkle{0%,to{opacity:.9}50%{opacity:.3}}.star-pulse{animation:3s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.nebula-overlay{pointer-events:none;z-index:1;background:radial-gradient(at 20% 30%,#8c4eff0f 0%,#0000 50%),radial-gradient(at 80% 20%,#4e7fff0d 0%,#0000 50%),radial-gradient(at 40% 70%,#00d9ff0a 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.shooting-star{filter:blur(.5px);z-index:2;background:radial-gradient(circle,#fff 0%,#c8dcffcc 50%,#0000 100%);border-radius:50%;width:3px;height:3px;position:absolute}.shooting-star.diagonal-down{animation:2s cubic-bezier(.25,.46,.45,.94) forwards shootDiagonalDown}@keyframes shootDiagonalDown{0%{opacity:1;transform:translate(0)scale(1);box-shadow:-3px -3px 8px #fffc,-6px -6px 6px #c8dcff99,-9px -9px 4px #96b4ff66,-12px -12px 3px #648cff4d,-15px -15px 2px #5078ff33}70%{opacity:1}to{opacity:0;transform:translate(400px,400px)scale(.4);box-shadow:-20px -20px 6px #ffffff4d,-40px -40px 4px #c8dcff33,-60px -60px 2px #96b4ff1a}}.shooting-star.diagonal-up{animation:2s cubic-bezier(.25,.46,.45,.94) forwards shootDiagonalUp}@keyframes shootDiagonalUp{0%{opacity:1;transform:translate(0)scale(1);box-shadow:-3px 3px 8px #fffc,-6px 6px 6px #c8dcff99,-9px 9px 4px #96b4ff66,-12px 12px 3px #648cff4d,-15px 15px 2px #5078ff33}70%{opacity:1}to{opacity:0;transform:translate(400px,-400px)scale(.4);box-shadow:-20px 20px 6px #ffffff4d,-40px 40px 4px #c8dcff33,-60px 60px 2px #96b4ff1a}}.shooting-star.arc-right{animation:2.2s cubic-bezier(.33,.1,.67,1) forwards shootArcRight}@keyframes shootArcRight{0%{opacity:1;transform:translate(0)scale(1);box-shadow:-4px 0 8px #fffc,-8px 1px 6px #c8dcff99,-12px 2px 4px #96b4ff66}50%{transform:translate(250px,100px)scale(.7)}70%{opacity:1}to{opacity:0;transform:translate(500px,250px)scale(.4);box-shadow:-25px 12px 6px #ffffff4d,-50px 25px 4px #c8dcff33}}.particles{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.particle{background-color:#4e7fff80;border-radius:50%;animation:20s linear infinite float;position:absolute}.player-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff0d;border-radius:10px;margin-top:2rem;padding:1rem}.spotify-music-player-container,.youtube-music-player-container{pointer-events:auto;z-index:1001;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0ae6;border-radius:10px;width:100%;max-width:1024px;margin-top:2rem;margin-left:auto;margin-right:auto;padding:0;position:relative;overflow:hidden}.music-player-content{z-index:100;height:500px;display:flex;position:relative}.music-player-main{background:linear-gradient(#3d3d3d66,#12121266);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.music-player-playlist{background:#212121;border-left:1px solid #ffffff1a;width:30%;min-width:300px;overflow-y:auto}.loading-spinner{color:#fff;justify-content:center;align-items:center;height:100px;font-size:1.2rem;display:flex}.search-modal{z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.search-modal-content{color:#fff;background:#121212;border-radius:8px;width:80%;max-width:800px;max-height:80vh;padding:20px;position:relative;overflow-y:auto}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background-color:#0a0a1acc;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;display:flex;position:fixed}.logo{color:#fff;font-size:1.5rem;font-weight:700}.nav-links{list-style:none;display:flex}.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{gap:10px;margin-bottom:15px;display:flex}.back-button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-right:1rem;padding:.5rem;font-size:1rem;transition:background .2s;display:flex}.back-button:hover{background:#ffffff1a}.music-player-header{background:#ffffff0d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem;display:flex}.music-player-info{flex:1}.music-player-info h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.2rem;font-weight:500;overflow:hidden}.music-player-info p{color:#aaa;margin:.25rem 0 0;font-size:.9rem}.search-bar{gap:5px;margin-bottom:15px;display:flex}.search-bar input{color:#fff;background-color:#242424;border:none;border-radius:20px;flex:1;padding:8px 12px;font-size:14px}.search-bar select{color:#fff;background-color:#242424;border:none;border-radius:20px;padding:8px 12px;font-size:14px}.search-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:15px;display:flex}.search-input-container{background-color:#ffffff1a;border-radius:20px;align-items:center;margin:0 15px 15px;padding:8px 15px;display:flex}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:15px;right:15px}.playlist-selector-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.playlist-selector-content{color:#fff;background:#121212;border-radius:8px;width:80%;max-width:800px;max-height:80vh;padding:20px;position:relative;overflow-y:auto}.playlist-title{color:#fff;border-bottom:1px solid #ffffff1a;margin:0;padding:1rem;font-size:1rem;font-weight:500}.btn{color:#fff;z-index:10;background:linear-gradient(90deg,#4e7fff,#8c4eff);border:none;border-radius:30px;padding:.8rem 2rem;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s;animation:2s infinite pulse;display:inline-block;position:relative;overflow:hidden;box-shadow:0 5px 15px #4e7fff66}.btn:hover{animation:none;transform:translateY(-3px);box-shadow:0 8px 25px #4e7fff99}.btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn:hover:after{left:100%}.music-buttons{z-index:10;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem;display:flex;position:relative}.music-btn{color:#fff;opacity:0;border-radius:50px;justify-content:center;align-items:center;min-width:200px;padding:1rem 2rem;font-weight:700;text-decoration:none;transition:opacity .8s,transform .8s;display:inline-flex;position:relative;overflow:hidden;transform:scale(.8)}.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{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.music-btn:hover:after{left:100%}.music-btn i{margin-right:10px;font-size:1.5rem}.music-btn.secondary{opacity:.8;background-color:#0000;border:1px solid #fff}.switch-btn{filter:brightness(.8);opacity:.85;transition:filter .3s}.switch-btn:hover{filter:brightness()}.watch-btn{color:#fff;background:#4285f4;border-radius:4px;margin-top:.8rem;padding:.4rem 1rem;font-size:.9rem;text-decoration:none;transition:background .3s;display:inline-block}.watch-btn:hover{background:#2a75f3}.controls button{color:#fff;cursor:pointer;background:#4e7fff;border:none;border-radius:6px;margin-right:10px;padding:.5rem 1rem}.yt-music-buttons{justify-content:center;align-items:center;display:flex}.yt-music-buttons button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 .5rem;font-size:1.5rem;transition:background .2s;display:flex}.yt-music-buttons button:hover{background:#ffffff1a}.yt-music-play-btn{background:#ffffff1a!important;width:48px!important;height:48px!important}.yt-music-play-btn:hover{background:#fff3!important}.player-controls{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.player-controls button{color:#fff;cursor:pointer;background:#333;border:none;border-radius:4px;padding:.5rem 1rem}.player-controls button:disabled{opacity:.5;cursor:not-allowed}.logout-button{color:#fff;cursor:pointer;background-color:#444;border:none;border-radius:6px;margin-top:1rem;padding:10px 16px}.logout-button:hover{background-color:#666}.switch-playlist-button{color:#fff;cursor:pointer;background:#1db954;border:none;border-radius:4px;padding:8px 15px}.switch-playlist-button:hover{background:#1ed760}.open-search-button{color:#fff;cursor:pointer;background:#1db954;border:none;border-radius:30px;margin-top:2rem;padding:.8rem 1.5rem}.add-to-playlist-button{cursor:pointer;color:#b3b3b3;background:0 0;border:none;font-size:20px;transition:transform .2s}.add-to-playlist-button:hover{color:#fff;transform:scale(1.1)}.like-button{cursor:pointer;color:#b3b3b3;background:0 0;border:none;font-size:20px;transition:transform .2s}.like-button:hover{color:#fff;transform:scale(1.1)}.like-button.liked{color:#1db954}.control-button{color:#b3b3b3;cursor:pointer;background:0 0;border:none;border-radius:50%;margin:0 12px;padding:8px;font-size:20px;transition:all .2s}.control-button:hover{color:#fff;transform:scale(1.1)}.control-button.active{color:#1db954}.control-button:disabled{opacity:.3;cursor:not-allowed;transform:none}.play-button{color:#fff;cursor:pointer;background-color:#1db954;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 16px;font-size:24px;transition:all .2s;display:flex;box-shadow:0 4px 12px #1db9544d}.play-button:hover{background-color:#1ed760;transform:scale(1.05);box-shadow:0 6px 16px #1db95466}.media-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;transition:transform .3s;overflow:hidden}.media-card:hover{transform:translateY(-5px)}.media-card img{object-fit:cover;width:100%;height:150px}.media-info h4{white-space:nowrap;text-overflow:ellipsis;margin:0 0 .5rem;font-size:1rem;overflow:hidden}.media-info p{color:#ffffffb3;margin:0;font-size:.9rem}.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%;width:100px;height:100px;margin-bottom:1rem}.platform-badge{color:#fff;background:#4e73dfcc;border-radius:20px;width:fit-content;margin-top:.5rem;padding:.3rem .8rem;font-size:.8rem}.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:20px;display:grid}.playlist-item{cursor:pointer;background:#282828;border-radius:6px;transition:transform .2s;overflow:hidden}.playlist-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.playlist-item img{object-fit:cover;width:100%;height:150px}.playlist-info{padding:10px}.playlist-info h4{white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font-size:14px;overflow:hidden}.playlist-info p{color:#b3b3b3;margin:0;font-size:12px}.playlist-tracks{max-height:300px;padding:.5rem 0;overflow-y:auto}.playlist-track{cursor:pointer;border-radius:4px;align-items:center;padding:.75rem 1rem;transition:background .2s;display:flex}.search-results{max-height:200px;overflow-y:auto}.search-result-item{cursor:pointer;border-radius:4px;align-items:center;padding:8px 5px;transition:background-color .2s;display:flex}.result-thumbnail{width:40px;height:40px;margin-right:10px}.result-thumbnail img{border-radius:4px;width:100%;height:100%}.result-info{flex:1;overflow:hidden}.result-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.result-subtitle{color:#b3b3b3;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.result-type{color:#b3b3b3;background-color:#333;border-radius:10px;padding:2px 5px;font-size:11px}.no-results,.search-loading{text-align:center;color:#b3b3b3;padding:15px 0}.recommendation-item{align-items:center;margin-bottom:10px;display:flex}.recommendation-image{border-radius:4px;width:40px;height:40px;margin-right:10px}.recommendation-info{flex:1;overflow:hidden}.recommendation-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.recommendation-artist{color:#b3b3b3;font-size:12px}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:5rem 2rem;display:flex;position:relative}.hero h1{color:#0000;z-index:10;background:linear-gradient(90deg,#fff,#4e7fff,#fff) 0 0/200%;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:4rem;font-weight:700;animation:3s linear infinite textShine;position:relative}.hero h2.tagline{color:#4e7fff;opacity:0;z-index:10;margin-bottom:1.5rem;font-size:1.8rem;font-style:italic;font-weight:300;animation:1s .3s forwards fadeIn;position:relative;transform:translateY(10px)}.hero p{z-index:10;opacity:0;max-width:600px;margin:0 auto 2rem;font-size:1.2rem;animation:1s .5s forwards fadeIn;position:relative;transform:translateY(20px)}.music-integration h2{color:#0000;z-index:10;background:linear-gradient(90deg,#fff,#4e7fff,#fff) 0 0/200%;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:2.8rem;animation:3s linear infinite textShine;position:relative}.music-integration p{z-index:10;max-width:600px;margin:0 auto 3rem;font-size:1.2rem;position:relative}@keyframes textShine{to{background-position:200%}}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes float{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-300px)translate(100px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}@keyframes dotPulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.5)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.album-art.rotating,.music-player-artwork img.rotating{animation:20s linear infinite rotate}.playing-dot{background-color:#1db954;border-radius:50%;width:4px;height:4px;margin:0 2px;animation:1.5s infinite alternate dotPulse}.playing-dot:nth-child(2){animation-delay:.2s}.playing-dot:nth-child(3){animation-delay:.4s}.loader-spinner{border:4px solid #ffffff1a;border-left-color:red;border-radius:50%;width:30px;height:30px;animation:1s linear infinite spinner}: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{width:var(--sidebar-width);min-width:var(--sidebar-min-width);max-width:var(--sidebar-max-width);background-color:var(--player-bg);height:100vh;color:var(--player-text);z-index:1000;scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;transition:transform .3s;position:fixed;top:0;right:0;overflow:hidden auto;transform:translate(0);box-shadow:-5px 0 15px #0000004d}.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:translate(100%)}.mini-player{height:var(--mini-player-height);background-color:var(--player-bg);z-index:999;border-radius:8px;align-items:center;width:200px;padding:0 8px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #0006}.mini-album-art{object-fit:cover;border-radius:4px;width:50px;height:50px;margin-right:8px}.mini-track-info{flex:1;min-width:0}.mini-track-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.mini-artist-name{color:var(--player-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mini-controls{align-items:center;display:flex}.mini-play-button{background-color:var(--player-accent);width:32px;height:32px;color:var(--player-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;margin-right:8px;display:flex}.mini-expand-button{color:var(--player-secondary);cursor:pointer;background:0 0;border:none;font-size:16px}.sidebar-header{border-bottom:1px solid var(--player-border);background-color:var(--player-bg);z-index:10;flex-direction:column;padding:16px;display:flex;position:sticky;top:0}.sidebar-header-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sidebar-header h3{margin:0;font-size:18px;font-weight:600}.collapse-button{color:var(--player-secondary);cursor:pointer;background:0 0;border:none;padding:5px;font-size:18px}.current-track-display{color:var(--player-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;overflow:hidden}.current-track-name{color:var(--player-text);font-weight:500}.now-playing-section{background-color:var(--player-bg);flex-direction:column;align-items:center;padding:20px;display:flex}.album-artwork{border-radius:8px;width:160px;height:160px;margin-bottom:16px;overflow:hidden;box-shadow:0 8px 16px #0006}.album-artwork img{object-fit:cover;width:100%;height:100%}.album-artwork img.rotating{animation:20s linear infinite rotate}.track-info{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:16px;display:flex;overflow:hidden}.track-title,.track-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;margin:0 0 4px;font-size:15px;font-weight:500;overflow:hidden}.track-artist{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;margin:0;font-size:13px;overflow:hidden}.progress-container{cursor:pointer;width:100%;margin-bottom:16px}.progress-bar{background-color:#fff3;border-radius:2px;height:4px;position:relative;overflow:hidden}.progress-fill{background-color:var(--player-accent);height:100%;position:absolute;top:0;left:0}.time-display{color:var(--player-secondary);justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.player-controls{justify-content:center;align-items:center;margin-bottom:12px;display:flex}.control-button{color:var(--player-text);cursor:pointer;background:0 0;border:none;margin:0 12px;font-size:18px}.control-button:disabled{opacity:.3;cursor:not-allowed}.play-button{background-color:var(--player-accent);width:40px;height:40px;color:var(--player-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0 12px;font-size:18px;display:flex}.extra-controls{justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;display:flex}.shuffle-button,.repeat-button{color:var(--player-secondary);cursor:pointer;background:0 0;border:none;font-size:16px}.shuffle-button.active,.repeat-button.active{color:var(--player-accent)}.playlist-section{border-top:1px solid var(--player-border);background-color:#0003;min-height:300px}.playlist-header{border-bottom:1px solid var(--player-border);z-index:5;background-color:#0000004d;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.playlist-header h4{margin:0;font-size:14px;font-weight:600}.search-button{color:var(--player-secondary);cursor:pointer;background:0 0;border:none;font-size:16px}.playlist-tracks{min-height:200px;padding:8px 0;overflow:visible}.playlist-track{cursor:pointer;align-items:center;min-height:60px;padding:10px 16px;transition:background-color .2s;display:flex}.track-number{width:20px;color:var(--player-secondary);text-align:center;flex-shrink:0;font-size:14px}.track-thumb{border-radius:4px;flex-shrink:0;width:40px;height:40px;margin:0 12px;position:relative;overflow:hidden}.track-thumb img{object-fit:cover;width:100%;height:100%}.playing-indicator{width:100%;height:100%;color:var(--player-accent);background-color:#0009;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.track-details{flex:1;min-width:0;overflow:hidden}.track-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:14px;font-weight:500;overflow:hidden}.track-artist{color:var(--player-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.empty-playlist{text-align:center;height:150px;color:var(--player-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.playlist-footer{border-top:1px solid var(--player-border);background-color:#0000004d;padding:12px 16px;position:sticky;bottom:0}.add-queue-button{width:100%;color:var(--player-text);cursor:pointer;background-color:#ffffff1a;border:none;border-radius:4px;padding:10px;font-size:14px;transition:background-color .2s}.track-actions{flex-shrink:0;align-items:center;display:flex}.track-drag{color:#ffffff4d;cursor:grab;opacity:.5;margin-right:8px;font-size:14px}.track-remove-button{color:#ffffff4d;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:2px;padding:6px;font-size:12px;transition:opacity .2s,color .2s}.playlist-track:hover .track-drag,.playlist-track:hover .track-remove-button{opacity:1}.track-remove-button:hover{color:#ff0000b3;background-color:#ff00001a}@media (width<=768px){.music-sidebar{width:100%;max-width:100%}.playlist-tracks{min-height:180px}.playlist-track{min-height:56px;padding:8px 16px}.now-playing-section{padding:16px}.album-artwork{width:140px;height:140px}.track-thumb{width:36px;height: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{background-color:#ffffff1a;border-radius:30px;align-items:center;margin-bottom:16px;padding:10px 16px;transition:all .3s;display:flex}.dashboard-search-input:focus-within{background-color:#ffffff26;box-shadow:0 0 0 2px #1db95480}.search-icon{color:#ffffffb3;margin-right:12px;font-size:18px}.search-input{color:#fff;background:0 0;border:none;flex:1;padding:8px 0;font-size:16px}.search-input:focus{outline:none}.search-input::placeholder{color:#ffffff80}.clear-search-button{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:5px;font-size:14px;display:flex}.clear-search-button:hover{color:#fff;background-color:#ffffff1a}.search-tabs{gap:12px;margin-bottom:20px;display:flex}.search-tab{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:20px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .2s}.search-tab:hover{color:#fff;background-color:#ffffff1a}.search-tab.active{color:#fff;background-color:#1db95433;border-bottom:2px solid #1db954}.search-loading,.search-placeholder,.search-no-results{color:#ffffffb3;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex}.search-icon-large{opacity:.5;margin-bottom:16px;font-size:48px}.search-results-tracks{width:100%;overflow-x:auto}.tracks-table{border-collapse:collapse;color:#fff;width:100%}.tracks-table th{text-align:left;color:#ffffff80;border-bottom:1px solid #ffffff1a;padding:10px 16px;font-size:14px;font-weight:400}.track-row{border-bottom:1px solid #ffffff0d;transition:background-color .2s}.track-row:hover{background-color:#ffffff0d}.track-row td{padding:12px 16px}.track-number{color:#ffffff80;width:40px;font-size:14px}.track-info{align-items:center;min-width:240px;padding-right:16px;display:flex}.track-image{border-radius:4px;width:40px;height:40px;margin-right:16px;overflow:hidden}.track-image img{object-fit:cover;width:100%;height:100%}.track-name-artist{text-align:center;flex-direction:column;align-items:center;display:flex;overflow:hidden}.track-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-bottom:4px;font-size:16px;font-weight:500;overflow:hidden}.track-artist{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:14px;overflow:hidden}.track-album{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:14px;overflow:hidden}.track-duration{color:#ffffff80;text-align:right;width:80px;font-size:14px}.track-actions{text-align:right;width:60px;position:relative}.track-action-button{color:#ffffff80;cursor:pointer;opacity:.5;background:0 0;border:none;padding:5px 10px;font-size:18px;transition:opacity .2s}.track-row:hover .track-action-button{opacity:1}.quick-actions{z-index:100;background-color:#282828;border-radius:4px;width:160px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 16px #0000004d}.quick-actions button{text-align:left;color:#fff;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-size:14px;transition:background-color .2s}.quick-actions button:hover{background-color:#ffffff1a}.search-results-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;display:grid}.artist-cover{border-radius:50%}.media-item .track-actions{z-index:50;position:absolute;top:8px;right:8px}.media-item .track-action-button{opacity:0;color:#fff;background-color:#0009;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:opacity .2s;display:flex}.media-item:hover .track-action-button{opacity:1}.media-item .hover-menu{z-index:500;opacity:0;visibility:hidden;background-color:#282828;border-radius:4px;width:160px;transition:opacity .2s,visibility .2s;position:absolute;top:38px;left:auto;right:0;overflow:hidden;box-shadow:0 8px 16px #0000004d}.media-item .track-actions:hover .hover-menu,.media-item .hover-menu:hover{opacity:1;visibility:visible}.hover-menu button{text-align:left;color:#fff;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:background-color .2s}.hover-menu button:hover{background-color:#1db9544d}.media-info{text-align:center;padding:0 8px}.media-item.track-item{padding:0 0 24px}@media (width<=768px){.search-results-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.tracks-table{font-size:14px}.track-album{display:none}}.apple-search-section,.search-overlay-anchor{position:relative}.search-loading.compact,.search-placeholder.compact,.search-no-results.compact{padding:18px 0}.search-overlay-results{grid-template-columns:minmax(0,1fr) 260px;gap:16px;min-height:0;max-height:min(620px,72vh);display:grid;overflow:hidden}.search-result-list{flex-direction:column;gap:8px;min-width:0;min-height:0;max-height:min(620px,72vh);padding-right:4px;display:flex;overflow-y:auto}.search-result-list.modal-list{max-height:min(540px,64vh)}.search-result-group{flex-direction:column;gap:6px;display:flex}.search-group-heading{color:#ffffffa8;letter-spacing:.04em;text-transform:uppercase;padding:8px 4px 2px;font-size:12px;font-weight:700}.search-result-row{cursor:pointer;background:#ffffff0b;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:62px;padding:8px 10px;transition:background .18s,border-color .18s,transform .18s;display:grid}.search-result-row:hover,.search-result-row.selected{background:#ffffff14;border-color:#ffffff2e}.search-result-art{object-fit:cover;background:#ffffff1a;border-radius:6px;width:48px;height:48px}.search-result-art.artist{border-radius:50%}.search-result-main{flex-direction:column;min-width:0;display:flex}.search-result-main strong,.search-result-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-result-main strong{color:#fff;font-size:14px;font-weight:700}.search-result-main span,.search-result-meta,.search-result-muted{color:#ffffff9e;font-size:12px}.search-result-meta{text-align:right;min-width:54px}.search-result-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.search-result-actions button,.preview-actions button{color:#ffffffdb;cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:8px;min-height:30px;padding:6px 10px;font-size:12px;font-weight:700;transition:background .18s,border-color .18s,color .18s}.search-result-actions button:hover,.preview-actions button:hover{color:#fff;background:#ffffff21;border-color:#ffffff42}.search-result-preview{background:#0000002e;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;min-width:0;min-height:0;max-height:min(620px,72vh);padding:14px;display:flex;overflow-y:auto}.search-result-preview img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;margin-bottom:12px}.search-result-preview h3{color:#fff;overflow-wrap:anywhere;margin:0 0 6px;font-size:18px}.search-result-preview p{color:#ffffffad;margin:0 0 12px;font-size:13px;line-height:1.4}.preview-label{color:#ffffff85;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800}.preview-actions{flex-direction:column;gap:8px;margin-top:auto;display:flex}.preview-actions button.primary{color:#fff;background:#1db9543d;border-color:#1db95466}.preview-note{background:#ffffff0f;border-radius:8px;padding:10px}.apple-search-modal{width:min(980px,94vw);max-width:980px}@media (width<=980px){.search-overlay-results{grid-template-columns:1fr}.search-result-preview{display:none}}@media (width<=760px){.search-result-row{grid-template-columns:44px minmax(0,1fr)}.search-result-meta{display:none}.search-result-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start}}.timeline-debug{z-index:1200;color:#ffffffeb;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;position:fixed;bottom:16px;left:16px}.timeline-debug-toggle,.timeline-debug-console{pointer-events:auto;color:#7ce7ff;cursor:pointer;font:inherit;background:#060c18d6;border:1px solid #00d9ff61;line-height:1;transition:border-color .18s,background-color .18s,color .18s}.timeline-debug-toggle{text-transform:uppercase;letter-spacing:0;border-radius:6px;min-width:92px;height:32px;font-size:11px}.timeline-debug-toggle:hover,.timeline-debug-console:hover{color:#fff;background:#09182af0;border-color:#00d9ffcc}.timeline-debug-panel{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040a14f0;border:1px solid #00d9ff47;border-radius:8px;width:min(360px,100vw - 32px);max-height:min(520px,100vh - 72px);margin-top:8px;overflow:auto;box-shadow:0 18px 46px #0000006b}.timeline-debug-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.timeline-debug-title{font-size:12px;font-weight:700}.timeline-debug-subtitle{color:#ffffff7a;margin-top:3px;font-size:10px}.timeline-debug-console{border-radius:5px;width:44px;height:26px;font-size:10px}.timeline-debug-grid{background:#ffffff0f;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.timeline-debug-grid>div{background:#060c18cc;min-width:0;padding:9px 10px}.timeline-debug-grid span,.timeline-debug-row span{color:#ffffff7a;text-transform:uppercase;letter-spacing:0;margin-bottom:4px;font-size:9px;display:block}.timeline-debug-grid strong,.timeline-debug-row strong,.timeline-debug-event strong{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:600;display:block;overflow:hidden}.timeline-debug-row{border-top:1px solid #ffffff0f;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px;padding:8px 12px;display:grid}.timeline-debug-row span{margin:0}.timeline-debug-events{border-top:1px solid #ffffff14;padding:8px 0}.timeline-debug-section{border-top:1px solid #ffffff14}.timeline-debug-section-title{color:#7ce7ffe6;text-transform:uppercase;letter-spacing:0;padding:10px 12px 8px;font-size:10px;font-weight:700}.timeline-debug-event{grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:8px;padding:5px 12px;display:grid}.timeline-debug-event span{color:#ffffff9e;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.timeline-debug-event strong{text-align:right}@media (width<=720px){.timeline-debug{bottom:10px;left:10px}.timeline-debug-panel{width:calc(100vw - 20px)}}.music-player-container{color:#fff;background-color:#121212;border-radius:12px;flex-direction:column;width:100%;max-width:900px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 10px 30px #0006}.music-player-content{flex-direction:column;height:100%;display:flex}.music-player-artwork{border-radius:50%;width:280px;height:280px;margin-bottom:2rem;overflow:hidden;box-shadow:0 8px 30px #0009}.music-player-artwork img{object-fit:cover;width:100%;height:100%}.music-player-track-info{text-align:center;margin-top:1rem}.track-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0 0 8px;font-size:24px;font-weight:700;overflow:hidden}.track-artist{color:#b3b3b3;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-size:16px;font-weight:400;overflow:hidden}.progress-container{cursor:pointer;z-index:10;width:100%;margin-bottom:24px;padding:10px 0;position:relative}.progress-bar{z-index:5;background-color:#fff3;border-radius:2px;height:4px;position:relative;overflow:hidden}.progress-filled,.progress-bar-fill,.spotify-progress-fill,.yt-music-progress-fill{z-index:6;background-color:#1db954;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.progress-handle{z-index:7;background-color:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px #0000004d}.time-display,.yt-music-time,.spotify-time-display{color:#b3b3b3;justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.yt-music-volume{align-items:center;margin-left:2rem;display:flex}.volume-icon{color:#aaa;margin-right:.5rem}.volume-slider{appearance:none;background:#fff3;border-radius:2px;outline:none;width:80px;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px}.playback-rate-control{margin-top:16px}.rate-select{color:#fff;cursor:pointer;background-color:#ffffff1a;border:none;border-radius:16px;padding:6px 12px;font-size:14px}.rate-select:focus{outline:none}.yt-player-error,.playlist-loader{color:#aaa;justify-content:center;align-items:center;height:100%;font-size:.9rem;display:flex}.player-error{color:#e65100;background:#fff3e0;border-radius:5px;margin:10px 0;padding:10px}.debug-info{color:#333;background:#f0f0f0;border-radius:5px;margin:10px 0;padding:10px;font-size:12px}.empty-playlist{text-align:center;color:#b3b3b3;flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.empty-icon{margin-bottom:12px;font-size:36px}.spotify-full-player{color:#fff;background-color:#121212;border-radius:8px;width:100%;margin-top:20px;display:flex;overflow:hidden;box-shadow:0 4px 16px #0000004d}.spotify-player-container{color:#fff;background-color:#121212;border-radius:12px;flex:1;width:100%;max-width:900px;margin:0 auto;padding:20px;position:relative;overflow:hidden;box-shadow:0 5px 20px #00000080}.spotify-sidebar{background-color:#181818;border-left:1px solid #282828;flex-direction:column;width:300px;display:flex}.player-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff0d;border-radius:10px;flex-direction:column;margin-top:2rem;padding:1rem;display:flex}.player-content{min-height:480px;display:flex}.album-section{background:linear-gradient(#2d2d2d,#121212);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.album-container{z-index:10;border-radius:50%;width:220px;height:220px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 8px 16px #0006}.album-art{object-fit:cover;width:100%;height:100%}.album-art.rotating{animation:20s linear infinite rotate}.spotify-likes{align-items:center;margin-top:15px;display:flex}.track-actions{gap:15px;display:flex}.playlists-dropdown{z-index:100;background-color:#282828;border-radius:6px;width:250px;max-height:300px;margin-top:40px;position:absolute;overflow-y:auto;box-shadow:0 4px 12px #00000080}.playlists-header{border-bottom:1px solid #3e3e3e;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.close-playlists{color:#b3b3b3;cursor:pointer;background:0 0;border:none;font-size:16px}.playlists-list{margin:0;padding:0;list-style:none}.spotify-radio-mode{border-bottom:1px solid #282828;padding:15px}.radio-mode-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.radio-mode-header h3{margin:0;font-size:16px}.recommendation-list{margin:0;padding:0;list-style:none}.spotify-search{border-bottom:1px solid #282828;padding:15px}.connection-status{opacity:.7;margin-top:4px;font-size:12px}.connection-status.connected{color:#1db954}.connection-status.connecting{color:#f5b041}.connection-status.error{color:#e74c3c}.radio-button{color:#b3b3b3;cursor:pointer;background:0 0;border:none;border-radius:16px;padding:8px 12px;font-size:14px}.radio-button:hover{background-color:#ffffff1a}.radio-button.active{color:#1db954}.playlist-section{background-color:#181818;border-left:1px solid #ffffff1a;flex-direction:column;width:330px;display:flex}.playlist-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px;display:flex}.playlist-header h3{margin:0;font-size:16px;font-weight:600}.playlist-actions{gap:8px;display:flex}.playlist-search{border-bottom:1px solid #ffffff1a;padding:12px 16px}.playlist-search input{color:#fff;background-color:#ffffff1a;border:none;border-radius:4px;width:100%;padding:8px 12px;font-size:14px}.playlist-search input::placeholder{color:#ffffff80}.playlist-tracks{flex:1;padding:8px 0;overflow-y:auto}.playlist-track{cursor:pointer;border-radius:4px;align-items:center;margin:2px 8px;padding:8px 12px;transition:background-color .2s;display:flex}.playlist-track:hover{background-color:#ffffff1a}.playlist-track.active{background-color:#1db95433}.track-img{border-radius:4px;width:40px;height:40px;margin:0 10px;position:relative;overflow:hidden}.track-img img{object-fit:cover;width:100%;height:100%}.playing-indicator{color:#1db954;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.track-details{flex:1;min-width:0}.track-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.track-creator{color:#b3b3b3;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.track-drag{color:#ffffff4d;cursor:grab;opacity:.5;padding-left:5px;font-size:14px}.playlist-track:hover .track-drag{opacity:1}.playlist-footer{border-top:1px solid #ffffff1a;padding:12px 16px}.add-queue-button{color:#fff;cursor:pointer;background-color:#ffffff1a;border:none;border-radius:20px;width:100%;padding:10px;font-size:14px;transition:background-color .2s}.add-queue-button:hover{background-color:#fff3}.search-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.search-modal-content{background-color:#282828;border-radius:8px;flex-direction:column;width:90%;max-width:600px;max-height:80vh;display:flex;overflow:hidden}.search-modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px;display:flex}.search-modal-header h3{margin:0;font-size:18px;font-weight:600}.close-button{color:#ffffffb3;cursor:pointer;background:0 0;border:none;font-size:24px}.search-input-container{border-bottom:1px solid #ffffff1a;padding:16px}.search-input{color:#fff;background-color:#ffffff1a;border:none;border-radius:4px;width:100%;padding:12px 16px;font-size:16px}.search-input:focus{background-color:#ffffff26;outline:none}.search-results-container{flex:1;overflow-y:auto}.search-result-item{cursor:pointer;align-items:center;padding:12px 16px;transition:background-color .2s;display:flex}.search-result-item:hover{background-color:#ffffff1a}.result-image{border-radius:4px;width:50px;height:50px;margin-right:16px;overflow:hidden}.result-image img{object-fit:cover;width:100%;height:100%}.result-info{flex:1;min-width:0}.result-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:16px;font-weight:500;overflow:hidden}.result-details{color:#b3b3b3;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.add-button{color:#fff;cursor:pointer;background-color:#1db954;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:12px;font-size:18px;transition:background-color .2s;display:flex}.add-button:hover{background-color:#1ed760}.search-loading,.no-results,.search-placeholder{color:#b3b3b3;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.loading-spinner{border:3px solid #ffffff1a;border-top-color:#1db954;border-radius:50%;width:24px;height:24px;margin-bottom:16px;animation:1s linear infinite spin}.search-button,.icon-button{color:#b3b3b3;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;font-size:16px}.search-button:hover,.icon-button:hover{color:#fff;background-color:#ffffff1a}.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 (width>=768px){.spotify-music-player-container .md\:w-64{width:16rem}.spotify-music-player-container .md\:h-64{height:16rem}}@media (width<=900px){.player-content{flex-direction:column}.playlist-section{width:100%;max-height:300px}.album-container{width:180px;height:180px}}.segment-item{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #4a00e0;border-radius:8px;align-items:center;gap:12px;margin:4px 0;padding:12px;display:flex}.segment-item.active{border-color:#8e2de2;box-shadow:0 0 15px #8a2be24d}.segment-icon{text-align:center;min-width:40px;font-size:1.5rem}.segment-content{flex-direction:column;flex:1;gap:6px;display:flex}.segment-title{color:#e0e0e0;font-size:.95rem;font-weight:600}.segment-controls{align-items:center;gap:8px;display:flex}.segment-duration-select{color:#fff;cursor:pointer;background:#2a2a4a;border:1px solid #4a00e0;border-radius:4px;padding:4px 8px;font-size:.8rem}.segment-duration-select:hover{border-color:#8e2de2}.segment-remove-btn{color:#ff4757;cursor:pointer;background:0 0;border:1px solid #ff4757;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;transition:all .2s;display:flex}.segment-remove-btn:hover{color:#fff;background:#ff4757}.segment-generated-badge{color:#000;background:#00d26a;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:600}.playlist-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.add-segment-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4a00e0,#8e2de2);border:none;border-radius:16px;padding:6px 12px;font-size:.8rem;transition:all .2s}.add-segment-btn:hover{transform:scale(1.05);box-shadow:0 0 10px #8a2be280}.placard-marker{background:linear-gradient(90deg,#8a2be233 0%,#0000 100%);border-left:3px solid #8e2de2;align-items:center;gap:8px;margin:4px 0;padding:8px 12px;display:flex}.placard-icon{font-size:1.2rem}.placard-label{color:#b3b3b3;flex:1;font-size:.85rem}.placard-remove-btn{color:#ff4757;cursor:pointer;opacity:.6;background:0 0;border:1px solid #ff4757;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;transition:opacity .2s;display:flex}.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:0 0;border-radius:2px;height:4px;margin:2px 0;transition:all .2s}.placard-drop-zone.drag-over{background:linear-gradient(90deg,#8a2be24d 0%,#8a2be21a 100%);border:2px dashed #8e2de2;height:32px}.youtube-music-player-container{color:#fff;background:#121212;border-radius:8px;flex-direction:column;max-width:1200px;margin:2rem auto;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000080}.youtube-player-container{width:100%;max-width:720px;margin:0 auto;position:relative}.youtube-player-container .loading{text-align:center;background:#0000001a;justify-content:center;align-items:center;height:360px;padding:1rem;display:flex}.youtube-player-error{color:red;background:#ff00001a;border:1px solid red;border-radius:5px;margin:1rem 0;padding:1rem}.youtube-player-wrapper{margin:2rem 0}.music-player-youtube{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.yt-music-controls{background-color:#212121;border-radius:8px;width:100%;padding:1rem}.yt-music-progress-container{cursor:pointer;margin-bottom:1rem}.yt-music-progress-bar{background-color:#fff3;border-radius:2px;height:4px;position:relative;overflow:hidden}.yt-music-progress-fill{background-color:red;border-radius:2px;height:100%;transition:width .3s;position:absolute;top:0;left:0}.yt-music-playlist{border-bottom:1px solid #282828;height:100%;padding:15px}.playlist-tracks{padding:.5rem 0}.playlist-track{cursor:pointer;align-items:center;padding:.75rem 1rem;transition:background .2s;display:flex}.playlist-track:hover{background:#ffffff1a}.playlist-track.active{background:#f003}.track-number{color:#aaa;text-align:center;width:24px;font-size:.9rem}.track-thumbnail{border-radius:4px;width:40px;height:40px;margin:0 1rem;position:relative;overflow:hidden}.track-thumbnail img{object-fit:cover;width:100%;height:100%}.now-playing-indicator{color:red;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;display:flex;position:absolute;top:0;left:0}.track-info{flex:1;overflow:hidden}.track-title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.track-artist{white-space:nowrap;text-overflow:ellipsis;color:#aaa;margin-top:.25rem;font-size:.8rem;overflow:hidden}body.platform-apple-music .dashboard-header-section h1:after,body.platform-apple-music .music-sidebar .sidebar-header h3:after{content:"Apple Music";color:#ff8fa0;letter-spacing:0;vertical-align:middle;background:#fa2d4829;border:1px solid #fa2d4852;border-radius:999px;align-items:center;margin-left:10px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}body.platform-apple-music .dashboard-search-input:focus-within{box-shadow:0 0 0 2px #fa2d486b}body.platform-apple-music .search-container,body.platform-apple-music .user-info-card,body.platform-apple-music .media-card{background:linear-gradient(#fa2d4814,#a855f70a),#ffffff14;border:1px solid #fa2d482e}body.platform-apple-music .dashboard-search-input{background:linear-gradient(90deg,#fa2d481f,#a855f70f),#ffffff14;border:1px solid #fa2d4829}body.platform-apple-music .search-icon,body.platform-apple-music .search-icon-large,body.platform-apple-music .platform-badge,body.platform-apple-music .see-all-button:hover{color:#ff8fa0}body.platform-apple-music .platform-badge{background:#fa2d4829;border:1px solid #fa2d484d}body.platform-apple-music .search-tab.active{border-bottom-color:var(--apple-music-pink);background:linear-gradient(135deg,#fa2d4847,#a855f72e);box-shadow:0 8px 18px #fa2d4824}body.platform-apple-music .search-tab:hover,body.platform-apple-music .see-all-button:hover{background-color:#fa2d481f}body.platform-apple-music .search-result-row{background:linear-gradient(90deg,#fa2d4814,#a855f709),#ffffff0b;border-color:#fa2d481f}body.platform-apple-music .search-result-row:hover,body.platform-apple-music .search-result-row.selected{background:linear-gradient(90deg,#fa2d4829,#a855f714),#ffffff12;border-color:#fa2d4857;box-shadow:0 10px 24px #fa2d481f}body.platform-apple-music .search-result-actions button,body.platform-apple-music .preview-actions button{background:#fa2d481f;border-color:#fa2d4838}body.platform-apple-music .search-result-actions button:hover,body.platform-apple-music .preview-actions button:hover,body.platform-apple-music .preview-actions button.primary{background:linear-gradient(135deg,#fa2d4852,#a855f72e);border-color:#fa2d486b}body.platform-apple-music .search-result-preview{background:linear-gradient(#fa2d481c,#a855f70d),#0003;border-color:#fa2d482e}body.platform-apple-music .media-item,body.platform-apple-music .media-card,body.platform-apple-music .playlist-item{border:1px solid #0000;border-radius:8px}body.platform-apple-music .apple-search-modal .modal-card-groups{padding:16px}body.platform-apple-music .apple-search-modal .modal-card-group+.modal-card-group{margin-top:18px}body.platform-apple-music .media-item:hover,body.platform-apple-music .media-card:hover,body.platform-apple-music .playlist-item:hover{border-color:#fa2d4857;box-shadow:0 12px 30px #00000047,0 0 22px #fa2d482e}body.platform-apple-music .media-cover-art{box-shadow:0 5px 15px #00000057,0 0 0 1px #fa2d481a}body.platform-apple-music .media-play-overlay{background:linear-gradient(135deg,#fa2d4857,#0f0f17a8),#0000005c}body.platform-apple-music .media-item .track-action-button,body.platform-apple-music .track-action-button{color:#ffd8de;background:#fa2d482e;border:1px solid #fa2d4847}body.platform-apple-music .media-item:hover .track-action-button,body.platform-apple-music .track-action-button:hover{background:#fa2d4852;box-shadow:0 0 16px #fa2d4838}body.platform-apple-music .hover-menu{background:linear-gradient(#2c101ffa,#18121afa);border:1px solid #fa2d483d}body.platform-apple-music .media-subtitle,body.platform-apple-music .track-artist,body.platform-apple-music .result-subtitle,body.platform-apple-music .playlist-info p{color:#ffd8deb8}body.platform-apple-music .music-sidebar .sidebar-header{background:linear-gradient(#fa2d481f,#121212eb),#121218;border-bottom:1px solid #fa2d483d}body.platform-apple-music .music-sidebar .current-track-name,body.platform-apple-music .music-sidebar .track-title,body.platform-apple-music .music-sidebar .playlist-track.active .track-name{color:#fff4f6}body.platform-apple-music .music-sidebar .album-artwork{box-shadow:0 14px 32px #0000007a,0 0 0 1px #fa2d482e,0 0 28px #fa2d4824}body.platform-apple-music .music-sidebar .play-button,body.platform-apple-music .mini-play-button,body.platform-apple-music .music-sidebar .add-queue-button{color:#fff;background:linear-gradient(135deg,#fa2d48,#a855f7);border:0}body.platform-apple-music .music-sidebar .control-button,body.platform-apple-music .music-sidebar .shuffle-button,body.platform-apple-music .music-sidebar .repeat-button,body.platform-apple-music .music-sidebar .radio-button,body.platform-apple-music .music-sidebar .search-button{border-color:#fa2d4840}body.platform-apple-music .music-sidebar .control-button:hover,body.platform-apple-music .music-sidebar .shuffle-button:hover,body.platform-apple-music .music-sidebar .repeat-button:hover,body.platform-apple-music .music-sidebar .radio-button:hover,body.platform-apple-music .music-sidebar .search-button:hover{color:#ff8fa0;border-color:#fa2d4873}body.platform-apple-music .music-sidebar .shuffle-button.active,body.platform-apple-music .music-sidebar .repeat-button.active,body.platform-apple-music .music-sidebar .radio-button.active,body.platform-apple-music .control-button.active{color:#ff8fa0}body.platform-apple-music .music-sidebar .playlist-section{min-height:0}body.platform-apple-music .music-sidebar .playlist-tracks{min-height:0;padding:4px 0}body.platform-apple-music .music-sidebar .empty-playlist{height:auto;min-height:120px;padding:18px 16px}body.platform-apple-music .music-sidebar .playlist-footer{position:static}body.platform-apple-music .music-sidebar .playlist-track.active{border-left:3px solid var(--apple-music-pink);background:linear-gradient(90deg,#fa2d482e,#a855f714),#ffffff0a}body.platform-apple-music .music-sidebar .playing-indicator,body.platform-apple-music .music-sidebar .track-number,body.platform-apple-music .music-sidebar .playlist-header h4{color:#ff8fa0}body.platform-apple-music .mini-player{background:linear-gradient(135deg,#fa2d4833,#a855f724),#121218;border:1px solid #fa2d483d;box-shadow:0 10px 28px #fa2d482e}body.platform-apple-music .media-title,body.platform-apple-music .track-name,body.platform-apple-music .section-header h2{color:#fff7f8}body.platform-apple-music .section-header h2:after{content:"";background:linear-gradient(90deg,#fa2d48,#a855f7);border-radius:999px;width:38px;height:2px;margin-top:8px;display:block}.dj-speaking{background-color:#1db95433;border-radius:20px;align-items:center;margin-left:auto;padding:4px 10px;animation:2s infinite pulse;display:flex;position:relative}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(2)}}.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}.dj-mode-container.active{border-color:#1db95466;box-shadow:0 0 20px #1db95426}.dj-mode-container:hover{background-color:#1e1e2db3}.dj-mode-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dj-mode-header h3{color:#fff;align-items:center;margin:0;font-size:18px;font-weight:600;display:flex}.dj-mode-header h3:before{content:"🎙️";margin-right:8px;font-size:20px}.toggle-switch{align-items:center;display:flex}.switch{width:48px;height:24px;margin-right:10px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#fff3;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#1db954}input:checked+.slider:before{transform:translate(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;align-items:center;gap:12px;padding:12px 0;display:flex}.dj-setting{align-items:center;gap:8px;display:flex}.dj-settings label{color:#ffffffb3;font-size:14px}.dj-settings select{color:#fff;cursor:pointer;background-color:#ffffff1a;border:none;border-radius:4px;outline:none;padding:8px 12px;font-size:14px;transition:background-color .2s}.dj-settings select:hover{background-color:#ffffff26}.dj-settings select:disabled{opacity:.5;cursor:not-allowed}.dj-speaking{background-color:#1db95433;border-radius:20px;align-items:center;margin-left:auto;padding:4px 10px;animation:2s infinite pulse;display:flex}.dj-speaking p{color:#1db954;margin:0;font-size:12px;font-weight:500}.wave-animation{align-items:center;height:20px;margin-right:8px;display:flex}.wave-animation span{background:#1db954;border-radius:1px;width:3px;height:5px;margin-right:3px;animation:1.2s ease-in-out infinite wave;display:inline-block}.wave-animation span:first-child{animation-delay:0s}.wave-animation span:nth-child(2){height:8px;animation-delay:.2s}.wave-animation span:nth-child(3){height:12px;animation-delay:.4s}.wave-animation span:nth-child(4){height:8px;animation-delay:.2s}.wave-animation span:nth-child(5){animation-delay:0s}.stop-dj-button{color:#ffffffe6;cursor:pointer;background-color:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:8px;padding:0;font-size:10px;transition:all .2s;display:flex}.stop-dj-button:hover{color:#fff;background-color:#ff000080}.dj-warning{background-color:#ff573333;border-radius:4px;width:100%;margin-top:12px;padding:8px 12px}.dj-warning p{color:#ff5733e6;text-align:center;margin:0;font-size:12px}.dj-track-history{flex-direction:column;gap:8px;width:100%;max-height:120px;margin-top:12px;padding:4px;display:flex;overflow-y:auto}.dj-track-history-title{color:#ffffffb3;margin:0 0 4px;font-size:12px}.dj-track-item{background-color:#ffffff0d;border-radius:4px;align-items:center;padding:8px;display:flex}.dj-track-image{border-radius:2px;width:24px;height:24px;margin-right:8px}.dj-track-info{flex-direction:column;display:flex;overflow:hidden}.dj-track-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.dj-track-artist{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.dj-frequency{flex-direction:column;gap:8px;width:100%;margin-top:12px;display:flex}.dj-frequency-title{color:#ffffffb3;margin:0;font-size:12px}.dj-frequency-options{gap:8px;display:flex}.dj-frequency-option{color:#ffffffb3;text-align:center;cursor:pointer;background-color:#ffffff1a;border-radius:4px;flex:1;padding:8px;font-size:12px;transition:all .2s}.dj-frequency-option:hover{background-color:#ffffff26}.dj-frequency-option.active{color:#1db954e6;background-color:#1db95433}@media (width<=500px){.dj-settings{flex-direction:column;align-items:flex-start}.dj-setting{justify-content:space-between;width:100%}.dj-speaking{justify-content:center;width:100%;margin:8px 0 0}}.ai-radio-mode-container{color:#1db954;background-color:#1db9541a;border:1px solid #1db9544d;border-radius:8px;margin:16px;padding:16px;transition:all .3s}.ai-radio-mode-container:hover{background-color:#1db95426}.ai-radio-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ai-radio-title{color:#1db954;margin:0;font-size:14px;font-weight:600}.ai-radio-toggle-button{color:#1db954;cursor:pointer;background-color:#0000;border:1px solid #1db95480;border-radius:4px;padding:4px 8px;font-size:11px;transition:all .2s}.ai-radio-toggle-button:hover{background-color:#1db95433;border-color:#1db954}.ai-radio-generating{color:#1db954;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;animation:2s infinite pulse;display:flex}.ai-radio-spinner{border:2px solid #1db9544d;border-top-color:#1db954;border-radius:50%;width:12px;height:12px;animation:1s linear infinite spin}.ai-radio-description{opacity:.8;color:#1db954;margin:0;font-size:12px;line-height:1.4}.ai-radio-note{opacity:.6;font-size:11px}.ai-radio-recent-picks{opacity:.7;background-color:#1db9540d;border-left:3px solid #1db9544d;border-radius:4px;margin-top:12px;padding:8px;font-size:11px}.features-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:5rem 2rem;display:flex;position:relative}.features-section h2{color:#0000;background:linear-gradient(90deg,#fff,#4e7fff,#fff) 0 0/200%;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.8rem;animation:3s linear infinite textShine}.features-section p{color:#fffc;max-width:600px;margin:0 auto 4rem;font-size:1.2rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;max-width:1200px;display:grid}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;opacity:0;background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:2rem;transition:opacity .8s,transform .8s;transform:translateY(30px)}.feature-card.appear{opacity:1;transform:translateY(0)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #4e7fff4d}.feature-icon{margin-bottom:1rem;font-size:3rem;display:block}.feature-card h3{color:#fff;margin-bottom:1rem;font-size:1.5rem}.feature-card p{color:#fffc;margin:0;font-size:1rem;line-height:1.6}.how-it-works-section{text-align:center;min-height:80vh;padding:5rem 2rem}.how-it-works-section h2{color:#0000;background:linear-gradient(90deg,#fff,#8c4eff,#fff) 0 0/200%;-webkit-background-clip:text;background-clip:text;margin-bottom:3rem;font-size:2.8rem;animation:3s linear infinite textShine}.steps-container{max-width:900px;margin:0 auto;padding:2rem 0;position:relative}.steps-container:before{content:"";background:linear-gradient(#4e7fff4d,#8c4eff4d);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.step{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;width:42%;margin-bottom:3rem;padding:2rem;transition:opacity .8s,transform .8s;position:relative;transform:translateY(30px)}.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{color:#fff;background:linear-gradient(135deg,#4e7fff,#8c4eff);border:3px solid #0a0a1e;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:700;display:flex;position:absolute;box-shadow:0 0 20px #4e7fff66}.step:nth-child(odd) .step-number{top:50%;right:-65px;transform:translateY(-50%)}.step:nth-child(2n) .step-number{top:50%;left:-65px;transform:translateY(-50%)}.step h3{color:#fff;margin-bottom:1rem;font-size:1.3rem}.step p{color:#fffc;margin:0;line-height:1.6}.auth-section{justify-content:center;align-items:center;min-height:100vh;padding:5rem 2rem;display:flex}.auth-container{width:100%;max-width:450px}.auth-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:3rem;box-shadow:0 20px 40px #0000004d}.auth-card h2{text-align:center;color:#fff;margin-bottom:.5rem;font-size:2rem}.auth-card>p{text-align:center;color:#fffc;margin-bottom:2rem}.auth-tabs{background:#ffffff0d;border-radius:12px;gap:0;margin-bottom:2rem;padding:4px;display:flex}.auth-tab{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px 24px;font-size:16px;font-weight:500;transition:all .3s;position:relative}.auth-tab:hover:not(:disabled){color:#ffffffe6}.auth-tab.active{color:#fff;background:linear-gradient(135deg,#4e7fff,#8c4eff);box-shadow:0 4px 12px #4e7fff4d}.auth-tab:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#ff6b6b;text-align:center;background:#ff4d4d33;border:1px solid #ff4d4d80;border-radius:8px;margin-bottom:1rem;padding:1rem;font-size:.9rem}.success-message{color:#1db954;text-align:center;background:#1db95433;border:1px solid #1db95480;border-radius:8px;margin-bottom:1rem;padding:1rem;font-size:.9rem}.auth-form{margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group input{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:10px;width:100%;padding:1rem;font-size:1rem;transition:border-color .3s,background .3s}.form-group input:focus{background:#ffffff1a;border-color:#4e7fff;outline:none}.form-group input::placeholder{color:#ffffff80}.auth-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4e7fff,#8c4eff);border:none;border-radius:10px;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #4e7fff66}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-switch{text-align:center;margin-bottom:1.5rem}.auth-switch p{color:#fffc;margin:0}.switch-button{color:#4e7fff;cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.switch-button:hover{color:#8c4eff}.auth-divider{text-align:center;margin:1.5rem 0;position:relative}.auth-divider:before{content:"";background:#fff3;height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{color:#fff9;background:#ffffff1a;padding:0 1rem;position:relative}.guest-button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;width:100%;margin-bottom:1rem;padding:1rem;font-size:1rem;transition:background .3s}.guest-button:hover{background:#ffffff26}.guest-notice{text-align:center;color:#ffffff80;margin:0;font-size:.8rem}.loading-auth{justify-content:center;align-items:center;gap:.5rem;display:flex}.loading-spinner-auth{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@media (width<=768px){.features-grid{grid-template-columns:1fr;gap:1.5rem}.steps-container:before{left:25px}.step{width:calc(100% - 80px);margin-left:80px!important;margin-right:0!important}.step-number{left:-65px!important;right:auto!important}.auth-card{padding:2rem}.features-section h2,.how-it-works-section h2{font-size:2.2rem}.features-section,.how-it-works-section,.auth-section{padding:3rem 1rem}}@media (width<=480px){.features-grid{grid-template-columns:1fr;gap:1rem}.feature-card,.auth-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;position:relative;overflow-x:hidden}.platform-selection-content{z-index:100;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.user-bubble-container{z-index:1000;position:fixed;top:20px;right:20px}.user-bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:12px;padding:8px 16px;transition:all .3s;display:flex}.user-bubble:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.enhanced-user-bubble{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;flex-direction:column;gap:8px;min-width:200px;padding:12px;display:flex;position:relative;box-shadow:0 8px 25px #0000004d}.mongo-account-section{position:relative}.mongo-account-icon{cursor:pointer;background:linear-gradient(135deg,#4e7fff,#8c4eff);border-radius:12px;align-items:center;gap:8px;padding:8px;transition:all .2s;display:flex}.mongo-account-icon:hover{background:linear-gradient(135deg,#5e87ff,#9c5eff);transform:translateY(-1px)}.mongo-avatar{color:#fff;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.mongo-account-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:14px;font-weight:600;overflow:hidden}.guest-timer{color:orange;margin-left:4px;font-size:12px;font-weight:500}.platform-icons-section{flex-wrap:wrap;gap:6px;padding-left:16px;display:flex}.platform-icon-container{position:relative}.platform-bubble-icon{cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.platform-bubble-icon.spotify{color:#fff;background:linear-gradient(135deg,#1db954,#1aa34a)}.platform-bubble-icon.youtube{color:#fff;background:linear-gradient(135deg,red,#c00)}.platform-bubble-icon.active{border-color:#4e7fff;transform:scale(1.1);box-shadow:0 0 12px #4e7fff99}.platform-bubble-icon:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.user-main-info{align-items:center;gap:8px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#4e7fff,#8c4eff);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.user-name{color:#fff;font-size:14px;font-weight:500}.platform-icons{gap:4px;display:flex}.platform-sub-icon{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .2s;display:flex;position:relative}.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{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1002;background:#000000f2;border:1px solid #fff3;border-radius:12px;min-width:180px;margin-top:8px;padding:12px;animation:.2s ease-out dropdownSlideIn;position:absolute;top:100%;right:0;box-shadow:0 8px 25px #00000080}.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;margin-bottom:2px;font-size:14px;font-weight:600}.account-info .account-email,.platform-dropdown-header .platform-username{color:#fff9;font-size:12px}.dropdown-actions,.platform-dropdown-actions{flex-direction:column;gap:4px;display:flex}.dropdown-action-btn{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.dropdown-action-btn:hover{background:#ffffff1a;transform:translate(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);opacity:0;visibility:hidden;z-index:1001;background:#000000e6;border:1px solid #fff3;border-radius:8px;min-width:140px;margin-top:8px;padding:8px;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(-10px)}.platform-sub-icon:hover .platform-hover-menu{opacity:1;visibility:visible;transform:translateY(0)}.platform-hover-menu button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:8px 12px;font-size:12px;transition:background .2s}.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);opacity:0;visibility:hidden;z-index:1001;background:#000000e6;border:1px solid #fff3;border-radius:12px;min-width:200px;margin-top:8px;padding:12px;transition:all .3s;position:absolute;top:100%;right:0;transform:translateY(-10px)}.user-bubble:hover .user-settings-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.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;margin-top:2px;font-size:12px}.settings-menu button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;transition:background .2s;display:flex}.settings-menu button:hover{background:#ffffff1a}.settings-menu button:not(:last-child){margin-bottom:4px}.confirmation-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;top:0;left:0}.confirmation-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414f2;border:1px solid #fff3;border-radius:16px;width:90%;max-width:400px;padding:24px;animation:.3s ease-out modalSlideIn;box-shadow:0 20px 40px #00000080}.modal-header h3{color:#fff;margin:0 0 16px;font-size:18px;font-weight:600}.modal-body{color:#fffc;margin-bottom:20px;line-height:1.5}.modal-body ul{margin:12px 0;padding-left:20px}.modal-body li{color:#ffffffb3;margin-bottom:4px}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.modal-btn.cancel-btn{color:#fff;background:#ffffff1a}.modal-btn.cancel-btn:hover{background:#fff3}.modal-btn.confirm-btn{color:#fff;background:linear-gradient(135deg,#dc3545,#c82333)}.modal-btn.confirm-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px)}.platform-hero{text-align:center;margin-bottom:4rem}.platform-hero h1{color:#0000;background:linear-gradient(90deg,#fff,#4e7fff,#fff) 0 0/200%;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;animation:3s linear infinite textShine}.platform-hero p{color:#fffc;max-width:600px;margin:0 auto;font-size:1.2rem}.platform-content{z-index:100;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.platform-header{text-align:center;margin-bottom:4rem}.platform-header h1{color:#0000;background:linear-gradient(90deg,#fff,#4e7fff,#fff) 0 0/200%;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;animation:3s linear infinite textShine}.platform-header p{color:#fffc;max-width:600px;margin:0 auto;font-size:1.2rem}.platform-cards-grid,.platforms-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;max-width:800px;margin-bottom:3rem;display:grid}.platform-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2.5rem;transition:all .3s;position:relative;overflow:hidden}.platform-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.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.apple-music:hover{border-color:#fa2d488c;box-shadow:0 20px 40px #fa2d4838}.platform-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.platform-card:hover:before{left:100%}.platform-logo{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2.5rem;display:flex}.platform-logo.spotify{background:linear-gradient(135deg,#1db954,#1ed760)}.platform-logo.youtube{background:linear-gradient(135deg,red,#f33)}.platform-logo.apple-music{color:#fff;letter-spacing:0;background:linear-gradient(135deg,#fa2d48 0%,#fb5c74 48%,#a855f7 100%);font-size:1.65rem;font-weight:800;box-shadow:0 12px 26px #fa2d4847}.platform-card.apple-music{background:linear-gradient(#fa2d4814,#a855f70d),#ffffff1a}.platform-card.apple-music .platform-action-button.connect,.platform-card.apple-music .platform-action-button.active{color:#fff;background:linear-gradient(135deg,#fa2d48,#a855f7);border:1px solid #ffffff2e}.platform-card.apple-music .connection-status.connected,.platform-card.apple-music .connection-status.active{color:#ff8fa0;background:#fa2d482b;border:1px solid #fa2d4857}.platform-card h3{color:#fff;margin-bottom:1rem;font-size:1.8rem}.platform-card p{color:#fffc;margin-bottom:1.5rem;line-height:1.6}.connection-status{border-radius:20px;justify-content:center;align-items:center;gap:8px;margin-bottom:1.5rem;padding:8px 16px;font-size:.9rem;font-weight:500;display:flex}.connection-status.connected{color:#1db954;background:#1db95433;border:1px solid #1db9544d}.connection-status.active{color:#4e7fff;background:#4e7fff33;border:1px solid #4e7fff4d}.connection-status.not-connected{color:#fff9;background:#ffffff1a;border:1px solid #fff3}.connection-status.error{color:#ff4d4d;background:#ff4d4d33;border:1px solid #ff4d4d4d}.platform-action-button{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:12px;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.platform-action-button.connect{color:#fff;background:linear-gradient(135deg,#4e7fff,#8c4eff)}.platform-action-button.switch{color:#fff;background:linear-gradient(135deg,#1db954,#1ed760)}.platform-action-button.active{color:#4e7fff;background:#4e7fff33;border:2px solid #4e7fff}.platform-action-button.disconnect{color:#ff4d4d;background:#ff4d4d33;border:1px solid #ff4d4d4d}.platform-action-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000004d}.platform-action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.account-management-buttons{justify-content:center;gap:8px;margin-top:12px;display:flex}.guest-session-warning{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#856404;z-index:999;background:#ffc107e6;border:1px solid #ffc1074d;border-radius:8px;padding:12px 16px;font-size:.9rem;font-weight:500;animation:.3s slideInRight;position:fixed;top:80px;right:20px}.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{text-align:center;margin-top:2rem}.platform-footer p{color:#fff9;margin-bottom:1rem}.secondary-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.secondary-action-button{color:#fffc;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;transition:all .3s}.secondary-action-button:hover{color:#fff;background:#ffffff1a;border-color:#ffffff80}@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:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.platform-cards-grid,.platforms-grid{grid-template-columns:1fr;gap:1.5rem}.platform-hero h1,.platform-header 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;position:relative;top:auto;right:auto}.user-bubble-container{order:-1;position:relative;top:auto;right:auto}.platform-selection-content,.platform-content{padding:1rem}.secondary-actions{flex-direction:column;align-items:center}.guest-session-warning{margin-bottom:1rem;position:relative;top:auto;right:auto}.confirmation-modal{width:auto;margin:20px}}@media (width<=480px){.platform-card{padding:1.5rem}.platform-logo{width:60px;height:60px;font-size:2rem}.platform-hero h1,.platform-header 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}.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{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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-offset:2px;outline:2px solid #0000}.p-6{padding:1.5rem}.p-2{padding:.5rem}.p-1{padding:.25rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.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{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.content-section{margin-bottom:40px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.see-all-button{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:background-color .2s}.see-all-button:hover{background-color:#ffffff1a}.media-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.media-item{cursor:pointer;transition:transform .2s}.media-item:hover{transform:translateY(-5px)}.media-cover-art{aspect-ratio:1;border-radius:8px;width:100%;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.media-cover-art img{object-fit:cover;width:100%;height:100%}.media-play-overlay{opacity:0;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.media-item:hover .media-play-overlay{opacity:1}.media-play-overlay .play-button{color:#fff;cursor:pointer;background-color:#1db954;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:transform .2s;display:flex;transform:scale(.8)}.media-item:hover .media-play-overlay .play-button{transform:scale(1)}.media-info{padding:0 8px}.media-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:14px;font-weight:600;overflow:hidden}.media-subtitle{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.playlist-track.protected{opacity:.5;cursor:not-allowed;background-color:#ffffff05;border:1px solid #ffa5004d}.playlist-track.protected:hover{opacity:.6;background-color:#ffa5001a;transform:none}.control-button:disabled{opacity:.4;cursor:not-allowed;background-color:#ffffff0d}.control-button:disabled:hover{box-shadow:none;transform:none}.playlist-track.protected:after{content:"🎯";animation:2s ease-in-out infinite protectionPulse;position:absolute;top:50%;right:8px;transform:translateY(-50%)}@keyframes protectionPulse{0%,to{opacity:.6}50%{opacity:1}}@media (width<=768px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.section-header h2{font-size:20px}}@media (width>=768px){.md\:w-64{width:16rem}.md\:h-64{height:16rem}.spotify-music-player-container{min-height:500px}}@media (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{width:100%;min-width:0}.music-player-content{z-index:100;flex-direction:column;height:auto;position:relative}.music-player-playlist{width:100%;min-width:auto;max-height:300px}.music-player-artwork{width:200px;height:200px}.spotify-full-player{flex-direction:column}.spotify-sidebar{border-top:1px solid #282828;border-left:none;width:100%}}@media (width>=768px) and (width<=900px){.player-main-content{flex-direction:column;height:auto}.playlist-panel{border-top:1px solid #ffffff1a;border-left:none;width:100%;max-height:300px}.album-art-container{width:200px;height:200px}}.access-v2,.platforms-v2{color:#f5f7fa;background:#08090b;min-height:100svh;font-family:Outfit,sans-serif}.access-v2{--access-accent:#00ffa3}:is(body:has(.access-v2),body:has(.platforms-v2)){background:#08090b;height:auto;min-height:100svh}.access-v2 .hero>*{opacity:1;animation:none;transform:none}.access-v2 *,.platforms-v2 *{box-sizing:border-box;letter-spacing:0}.access-v2 .page-background,.platforms-v2 .page-background{background:#08090b}.access-v2 .page-background{z-index:1;background:#030508a3}.access-v2 .stars,.platforms-v2 .stars{opacity:.35;pointer-events:none;background-image:radial-gradient(circle at 14% 20%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 82% 14%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 63% 71%,#fff 0 1px,#0000 1.5px);background-size:240px 240px,370px 370px,510px 510px;position:fixed;inset:0;overflow:hidden;height:100svh!important}.access-v2 .star,.access-v2 .nebula-overlay,.access-v2 .particles,.access-v2 .rings{display:none}.access-v2{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(400px,460px);align-items:center;column-gap:clamp(56px,8vw,150px);min-height:100svh;padding:112px clamp(28px,5vw,88px) 56px;display:grid;position:relative;overflow:hidden}.access-v2:after{content:"";z-index:2;pointer-events:none;opacity:.14;background:repeating-linear-gradient(0deg,#0000 0 3px,#000 3px 4px);position:absolute;inset:0}.auth-v2-backdrop{z-index:0;object-fit:cover;object-position:center 55%;filter:saturate(.75)contrast(1.1);width:100%;height:100%;position:absolute;inset:0}.access-v2 nav{z-index:4;width:auto;max-width:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;align-items:center;padding:0;display:flex;position:absolute;top:34px;left:clamp(28px,5vw,88px);right:clamp(28px,5vw,88px)}.donor-brand-icon{color:#fa2d48;background:#040508b3;border:1px solid #fa2d48;place-items:center;width:40px;height:40px;display:grid}.donor-brand-mark small{color:#b7bac1;border:1px solid #ffffff38;padding:4px 6px;font:600 8px IBM Plex Mono,monospace}.access-v2 .hero{z-index:3;text-align:left;flex-direction:column;justify-content:center;justify-self:start;align-items:flex-start;width:min(820px,100%);height:auto;min-height:0;margin:0;padding:0;display:flex;position:relative}.access-v2 .hero h1{color:#fff;-webkit-text-fill-color:currentColor;text-transform:uppercase;text-wrap:balance;background:0 0;max-width:820px;margin:20px 0 24px;font:700 clamp(48px,5.2vw,82px)/1.03 Unbounded,sans-serif}.access-v2 .hero h1 em{color:var(--access-accent);font-style:normal}.access-v2 .hero p{margin:0;font-family:Outfit,sans-serif}.access-v2 .auth-v2-eyebrow{color:var(--access-accent);align-items:center;gap:9px;font:600 12px IBM Plex Mono,monospace;display:flex}.access-v2 .auth-v2-lede{color:#d4d4d8;max-width:620px;font-size:19px;line-height:1.58}.access-v2 .hero .btn,.access-v2 .features-section,.access-v2 .how-it-works-section{display:none}.access-v2 .auth-section{z-index:3;background:0 0;place-self:center end;width:min(100%,460px);min-height:0;padding:0;display:block;position:relative}.access-v2 .auth-container{width:100%;margin:0;padding:0}.access-v2 .auth-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#050505db;border:1px solid #ffffff2e;border-radius:0;width:100%;padding:28px;box-shadow:0 24px 70px #0000006b}.access-v2 .auth-v2-console-title{color:#fff;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:22px;font:600 11px IBM Plex Mono,monospace;display:flex}.access-v2 .auth-tabs{background:0 0;border-bottom:1px solid #292c32;border-radius:0;gap:0;padding:0}.access-v2 .auth-tab{color:#9299a5;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:12px;font-size:14px}.access-v2 .auth-tab.active{color:#fa2d48;box-shadow:none;background:0 0;border-bottom-color:#fa2d48}.access-v2 input{min-width:0;border-radius:4px!important}.access-v2 .auth-button{color:#fff;box-shadow:none;background:#fa2d48;border:0;border-radius:3px;font-size:14px;font-weight:700}.access-v2 input:focus-visible,.access-v2 button:focus-visible,.platforms-v2 button:focus-visible{outline-offset:3px;outline:2px solid #fa2d48}.access-v2 .donor-brand-icon{border-color:var(--access-accent);color:var(--access-accent)}.access-v2 .auth-v2-console-title svg{color:var(--access-accent)}.access-v2 .auth-tab.active{color:var(--access-accent);border-bottom-color:var(--access-accent)}.access-v2 .auth-button{background:var(--access-accent);color:#050505}.access-v2 input:focus-visible,.access-v2 button:focus-visible{outline-color:var(--access-accent)}.access-v2 .auth-v2-status{border-left:2px solid var(--access-accent);min-height:42px;color:var(--access-accent);background:#00ffa314;align-items:center;gap:9px;margin-bottom:22px;padding:9px 12px;font-size:13px;display:flex}.access-v2 .hero,.access-v2 .auth-card,.access-v2 button,.access-v2 input{font-family:Outfit,sans-serif}.access-v2 .auth-card form{gap:10px;font-family:Outfit,sans-serif;line-height:24px;display:grid}.access-v2 .auth-v2-field{display:contents}.access-v2 .auth-v2-field label{color:#b4b7bf;margin-top:8px;font:700 12px Outfit,sans-serif}.access-v2 .auth-v2-field input{height:50px;background:#0f0f13!important;border-color:#ffffff2e!important;border-radius:0!important;padding:0 15px!important;font-size:15px!important}.access-v2 .auth-v2-field input:focus{outline:none;border-color:var(--access-accent)!important;background:#131319!important}.access-v2 .auth-button{text-transform:uppercase;justify-content:space-between;align-items:center;min-height:52px;margin-top:16px;font-size:16px;font-weight:800;display:flex;padding:0 18px!important}.access-v2 .auth-v2-mode-switch{color:#aeb2bb;cursor:pointer;background:0 0;border:0;width:100%;margin:0;padding:14px 0 0;font-size:14px;display:block}.access-v2 .auth-v2-mode-switch:hover{color:#fff}.auth-v2-session-state{gap:10px;padding:6px 0 1px;display:grid}.auth-v2-session-state>span{color:var(--access-accent);font:600 10px IBM Plex Mono,monospace}.auth-v2-session-state h2{color:#fff;text-transform:none;max-width:350px;margin:0;font:600 26px/1.25 Outfit,sans-serif}.auth-v2-session-state p{color:#aeb2bb;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}.auth-v2-session-state .auth-button{width:100%;margin-top:16px}.auth-v2-switch-account{color:#969ca6;justify-content:center;align-items:center;gap:6px;margin-top:15px;font-size:14px;display:flex}.auth-v2-switch-account button{color:var(--access-accent);font-size:inherit;cursor:pointer;background:0 0;border:0;padding:2px;font-weight:600}.auth-v2-switch-account button:hover{color:#fff;text-underline-offset:3px;text-decoration:underline}.auth-v2-switch-account button:disabled{color:#777d86;cursor:wait;text-decoration:none}.platforms-v2{isolation:isolate;background:#07080a;min-height:100svh;position:relative;overflow:hidden}.platforms-v2-grid{z-index:-1;pointer-events:none;opacity:.75;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px),radial-gradient(circle at 14% 18%,#00e7a514,#0000 32%);background-size:52px 52px,52px 52px,100% 100%;position:fixed;inset:0}.platforms-v2-topbar{z-index:20;border-bottom:1px solid #ffffff17;align-items:center;width:min(1060px,100% - 48px);min-height:88px;padding-right:205px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.platforms-v2-brand{cursor:pointer;background:0 0;border:0;padding:0}.platforms-v2 .donor-brand-icon{color:#00e7a5;border-color:#00e7a5}.platforms-v2-session{color:#9399a3;text-transform:uppercase;border-left:1px solid #ffffff1a;align-items:center;gap:7px;margin-left:24px;padding-left:24px;font:500 11px IBM Plex Mono,monospace;display:inline-flex}.platforms-v2 .platform-content{width:min(1060px,100%);max-width:none;margin:0 auto;padding:136px 24px 42px}.platforms-v2 .platform-header{text-align:left;max-width:760px;margin:0 0 36px}.platforms-v2-eyebrow{align-items:center;gap:8px;display:flex;color:#00e7a5!important;margin:0 0 12px!important;font:600 12px IBM Plex Mono,monospace!important}.platforms-v2 .platform-header h1{color:#fff;-webkit-text-fill-color:currentColor;text-transform:uppercase;background:0 0;margin:0 0 14px;font:700 46px/1.08 Unbounded,sans-serif}.platforms-v2 .platform-header>p:last-child{color:#aeb3bc;max-width:680px;margin:0;font-size:16px;line-height:1.6}.platforms-v2 .platforms-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:none;display:grid}.platforms-v2 .platform-card{min-height:410px;box-shadow:none;text-align:left;background:#0e1014e6;border:1px solid #292c32;border-radius:5px;grid-template-rows:auto auto auto minmax(72px,auto) auto auto auto;padding:25px;display:grid;position:relative;overflow:hidden;transform:none}.platforms-v2 .platform-card:before{content:"";background:var(--source-accent);opacity:.85;height:2px;display:block;position:absolute;inset:0 0 auto}.platforms-v2 .platform-card:after{display:none}.platforms-v2 .platform-card.apple-music,.platforms-v2 .platform-card.youtube{--source-accent:#00e7a5}.platforms-v2 .platform-card:hover,.platforms-v2 .platform-card.active{border-color:color-mix(in srgb, var(--source-accent) 52%, #292c32);transform:none}.platform-card-topline{color:#858b95;justify-content:space-between;align-items:center;margin-bottom:22px;font:500 10px IBM Plex Mono,monospace;display:flex}.platform-card-topline small{color:color-mix(in srgb, var(--source-accent) 72%, white);font:inherit}.platforms-v2 .platform-logo{width:48px;height:48px;box-shadow:none;background:0 0;border:0;place-items:center;margin:0 0 21px;display:grid}.platforms-v2 .platform-logo img{object-fit:contain;width:42px;height:42px;display:block}.platforms-v2 .platform-logo.youtube img{width:43px;height:auto}.platforms-v2 .platform-card h2{color:#f6f7f9;margin:0 0 10px;font:600 24px Outfit,sans-serif}.platforms-v2 .platform-card>p{color:#a6abb4;min-height:0;margin:0;font-size:15px;line-height:1.58}.platforms-v2 .connection-status{color:#a0a5ae;background:#101216;border:1px solid #292c32;border-radius:3px;align-items:center;gap:8px;min-height:40px;margin:21px 0 10px;padding:0 12px;font-size:13px;display:flex}.platforms-v2 .connection-status i{background:#676c75;border-radius:50%;width:7px;height:7px}.platforms-v2 .connection-status.connected{color:#72e8b7}.platforms-v2 .connection-status.connected i{background:#42dda0;box-shadow:0 0 9px #42dda0}.platforms-v2 .platform-action-button{border:1px solid var(--source-accent);background:var(--source-accent);color:#07080a;width:100%;min-height:48px;box-shadow:none;text-transform:uppercase;cursor:pointer;border-radius:3px;justify-content:space-between;align-items:center;margin:0;padding:0 15px;font-size:14px;font-weight:700;display:flex}.platforms-v2 .platform-action-button:hover{filter:brightness(1.08);transform:none}.platform-account-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.platform-account-actions button{color:#afb3bc;cursor:pointer;background:0 0;border:1px solid #2d3037;border-radius:3px;justify-content:center;align-items:center;gap:6px;min-height:38px;font-size:12px;display:inline-flex}.platform-account-actions button:hover{border-color:var(--source-accent);color:#fff}.platforms-v2 .platform-footer{text-align:left;border-top:1px solid #25282e;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:22px 0 0;display:flex}.platforms-v2 .platform-footer span{color:#858b95;font:600 10px IBM Plex Mono,monospace}.platforms-v2 .platform-footer p{color:#9da3ac;margin:6px 0 0;font-size:13px}.platforms-v2 .secondary-actions{gap:8px;display:flex}.platforms-v2 .secondary-action-button{color:#c4c7ce;cursor:pointer;background:#101216;border:1px solid #30333a;border-radius:3px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin:0;padding:0 13px;font-size:13px;display:inline-flex}.platforms-v2 .secondary-action-button:hover{color:#fff;border-color:#00e7a5}.platforms-v2-guest{color:#b9bdc5;background:#e9b65414;border-left:2px solid #e9b654;align-items:center;gap:14px;margin:-16px 0 24px;padding:11px 14px;font-size:12px;display:flex}.platforms-v2-guest button{color:#f0c775;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.platforms-v2-notice{z-index:40;color:#55e2a6;background:#080e0cf5;border:1px solid #42dda061;align-items:center;gap:10px;padding:10px 14px;display:flex;position:fixed;top:96px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #00000059}.platforms-v2-notice strong,.platforms-v2-notice span{display:block}.platforms-v2-notice strong{font-size:12px}.platforms-v2-notice span{color:#9da3ac;margin-top:2px;font-size:10px}.platforms-v2 .user-bubble-container{z-index:30;top:24px;right:max(24px,50vw - 530px)}.platforms-v2 .enhanced-user-bubble{width:184px;min-width:0;box-shadow:none;background:#0d0f12;border:1px solid #292c32;border-radius:3px;padding:3px}.platforms-v2 .mongo-account-section{width:100%}.platforms-v2 .mongo-account-icon{width:100%;min-height:40px;color:inherit;background:0 0;border:0;border-radius:2px;padding:5px 7px}.platforms-v2 .mongo-account-icon:hover{background:#ffffff0a}.platforms-v2 .mongo-avatar{color:#07080a;background:#00e7a5;border-radius:2px;width:28px;height:28px}.platforms-v2 .mongo-account-name{color:#e7e9ed;max-width:110px;font-size:13px}.platforms-v2 .platform-icons-section{padding-left:0}@media (width<=1100px) and (width>=821px){.access-v2{grid-template-columns:minmax(0,1fr) 400px;column-gap:42px}.access-v2 .hero h1{font-size:52px}}@media (width<=820px){.access-v2{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px 0;min-height:100svh;padding:0 22px;overflow:visible}.access-v2 nav{grid-column:1;padding:22px 0 14px;position:relative;top:auto;left:auto;right:auto}.access-v2 .hero{align-self:auto;padding:34px 0 0}.access-v2 .hero h1{max-width:680px;font-size:48px}.access-v2 .auth-section{place-self:auto start;width:100%;padding:0 0 34px}.access-v2 .auth-container{width:min(100%,440px)}.platforms-v2-topbar{width:calc(100% - 36px);min-height:76px;padding-right:0}.platforms-v2-session{display:none}.platforms-v2 .user-bubble-container{top:18px;right:18px}.platforms-v2 .enhanced-user-bubble{width:auto;max-width:150px}.platforms-v2 .mongo-account-name{display:none}.platforms-v2 .platform-content{padding-top:112px}.platforms-v2 .platform-header h1{font-size:36px}.platforms-v2 .platform-footer{flex-direction:column;align-items:flex-start}}@media (width<=600px){.platforms-v2 .platform-account-actions button,.platforms-v2 .secondary-action-button{min-height:44px}.access-v2{gap:18px;padding:0 16px}.access-v2 nav{padding:16px 0}.donor-brand-icon{width:36px;height:36px}.donor-brand-mark small{display:none}.access-v2 .hero{padding-top:14px}.access-v2 .hero h1{margin:13px 0;font-size:38px;line-height:1.06}.access-v2 .auth-v2-lede{font-size:16px}.access-v2 .auth-card{padding:20px}.platforms-v2 .platform-content{padding:90px 18px 30px}.platforms-v2 .platforms-grid{grid-template-columns:minmax(0,1fr)}.platforms-v2 .platform-card{padding:24px}.platforms-v2 .platform-card p{min-height:0}.platforms-v2 .platform-content{padding-top:105px}.platforms-v2 .platform-header{margin-bottom:26px}.platforms-v2 .platform-header h1{font-size:31px}.platforms-v2 .platform-header>p:last-child{font-size:13px}.platforms-v2 .platform-card{min-height:0}.platforms-v2 .secondary-actions{width:100%}.platforms-v2 .secondary-action-button{flex:1}}html:has(body.phantom-station-v2){overflow-x:clip}body.phantom-station-v2{--v2-bg:#050507;--v2-surface:#0d0f12;--v2-surface-2:#12151a;--v2-line:#ffffff1a;--v2-muted:#898e99;--v2-text:#f5f7fa;--v2-accent:var(--platform-accent,#00e7a5);background-color:var(--v2-bg);width:100%;height:auto;min-height:100vh;color:var(--v2-text);background-image:linear-gradient(#ffffff06,#0000 240px),radial-gradient(circle at 12% 18%,#ffffff38 0 1px,#0000 1.5px),radial-gradient(circle at 67% 9%,#ffffff29 0 1px,#0000 1.5px),radial-gradient(circle at 84% 43%,#ffffff21 0 1px,#0000 1.5px),linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:100% 240px,230px 230px,310px 310px,410px 410px,52px 52px,52px 52px;background-attachment:fixed;font-family:Outfit,sans-serif;overflow-x:hidden}body.phantom-station-v2.platform-apple-music,body.phantom-station-v2.platform-youtube,body.phantom-station-v2.platform-spotify{--v2-accent:#00e7a5}body.phantom-station-v2.platform-apple-music .v2-library-section,body.phantom-station-v2.platform-apple-music .v2-signal-strip{--v2-accent:#fa2d48}body.phantom-station-v2.platform-youtube .v2-library-section,body.phantom-station-v2.platform-youtube .v2-signal-strip{--v2-accent:#ff4242}body.phantom-station-v2.platform-spotify .v2-library-section,body.phantom-station-v2.platform-spotify .v2-signal-strip{--v2-accent:#1ed760}body.phantom-station-v2 *,body.phantom-station-v2 :before,body.phantom-station-v2 :after{box-sizing:border-box}body.phantom-station-v2 button,body.phantom-station-v2 input{font:inherit}.v2-app-shell{min-height:100vh;padding-left:224px}.v2-sidebar{z-index:900;border-right:1px solid var(--v2-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060709f5;flex-direction:column;width:224px;padding:25px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0}.v2-brand{color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 4px;display:flex}.v2-brand-line{color:#8e939d;max-width:160px;margin:13px 4px 0;font:500 12px/1.45 Outfit,sans-serif}.donor-brand-mark{color:#fff;align-items:center;gap:9px;display:inline-flex}.donor-brand-icon{border:1px solid var(--v2-accent);width:40px;height:40px;color:var(--v2-accent);background:#08090b;place-items:center;display:grid}.donor-brand-mark strong{font:700 14px Unbounded,sans-serif}.donor-brand-mark small{border:1px solid var(--v2-line);color:var(--v2-muted);padding:3px 5px;font:8px IBM Plex Mono}.v2-sidebar nav{width:auto;box-shadow:none;background:0 0;border:0;gap:7px;margin-top:45px;padding:0;display:grid;position:static;transform:none}.v2-sidebar nav button{color:#a1a6af;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:12px;min-height:46px;padding:0 13px;font-size:14px;font-weight:600;display:flex}.v2-sidebar nav button:hover{color:#fff;border-color:var(--v2-line)}.v2-sidebar nav button.active{border-left-color:var(--v2-accent);background:color-mix(in srgb, var(--v2-accent) 10%, transparent);color:var(--v2-accent)}.v2-account{border-top:1px solid var(--v2-line);grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;margin-top:auto;padding:18px 4px 0;display:grid}.v2-account div{min-width:0}.v2-account span,.v2-account small{color:var(--v2-muted);letter-spacing:.1em;font:9px IBM Plex Mono;display:block}.v2-account strong{text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:12px;display:block;overflow:hidden}.v2-main{width:min(100%,1280px);min-height:100vh;margin:0 auto;padding:38px clamp(24px,3.6vw,54px) 80px}.v2-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.v2-page-header p{color:var(--v2-accent);letter-spacing:.15em;align-items:center;gap:8px;margin:0;font:600 10px IBM Plex Mono;display:flex}.v2-page-header h1{text-transform:uppercase;margin:8px 0 0;font:700 34px/1.1 Unbounded,sans-serif}.v2-page-header>div:first-child{flex-shrink:0}.v2-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.v2-header-actions button,.v2-readiness{border:1px solid var(--v2-line);background:var(--v2-surface);color:#d2d5da;cursor:pointer;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:13px;display:inline-flex}.v2-header-actions button:hover{border-color:var(--v2-accent);color:#fff}.v2-readiness{color:#f2bd65;cursor:default}.v2-readiness i{background:currentColor;border-radius:50%;width:7px;height:7px}.v2-readiness.ready{color:#46e6a3}.v2-status-error{background:#ff4a5614;border-left:2px solid #ff5d65;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:18px;padding:12px 15px;display:grid}.v2-status-error span{color:#adb1ba;font-size:12px}.v2-status-error button{color:#ff8b91;cursor:pointer;background:0 0;border:0;align-items:center;display:flex}.v2-station-grid{grid-template-columns:minmax(0,1.5fr) minmax(270px,.72fr);gap:16px;display:grid}.v2-host-panel,.v2-queue-preview{border:1px solid var(--v2-line);background:var(--v2-surface);border-radius:6px;min-height:390px;overflow:hidden}.v2-host-panel{isolation:isolate;background:#08090b;flex-direction:column;display:flex;position:relative}.v2-host-panel:before{content:"";z-index:-1;background:#04050880;position:absolute;inset:0}.v2-host-panel:after{content:"";z-index:0;opacity:.16;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#000 3px 4px);position:absolute;inset:0}.v2-host-media{z-index:-2;object-fit:cover;object-position:center;opacity:.56;filter:saturate(.65)contrast(1.15);width:100%;height:100%;position:absolute;inset:0}.v2-host-signal{z-index:1;color:var(--v2-accent);opacity:.08;position:absolute;bottom:-40px;right:-20px;transform:rotate(-12deg)}.v2-host-topline,.v2-host-copy,.v2-next-moment{z-index:2}.v2-host-topline{justify-content:space-between;align-items:center;padding:22px;display:flex}.v2-host-actions{align-items:center;gap:7px;display:flex}.v2-live-pill{border:1px solid var(--v2-line);letter-spacing:.15em;background:#0000006b;align-items:center;gap:8px;padding:7px 9px;font:600 9px IBM Plex Mono;display:flex}.v2-live-pill i{background:#666;border-radius:50%;width:7px;height:7px}.v2-host-panel[data-host-status=live] .v2-live-pill{color:#71f5b3;border-color:#49eda261}.v2-host-panel[data-host-status=live] .v2-live-pill i{background:#46e6a3;box-shadow:0 0 12px #46e6a3}.v2-host-panel[data-host-status=cueing] .v2-live-pill{color:#f4bf62}.v2-host-panel[data-host-status=live]{border-color:color-mix(in srgb, var(--v2-accent) 55%, transparent);box-shadow:inset 0 0 48px color-mix(in srgb, var(--v2-accent) 8%, transparent)}.v2-icon-button{border:1px solid var(--v2-line);color:#c9cdd5;cursor:pointer;background:#00000073;place-items:center;width:36px;height:36px;display:grid}.v2-icon-button:hover{border-color:var(--v2-accent);color:var(--v2-accent)}.v2-next-moment{border-right:2px solid var(--v2-accent);text-align:right;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040508c7;gap:4px;max-width:220px;padding:10px 12px;display:grid;position:absolute;top:76px;right:22px}.v2-next-moment span{color:var(--v2-accent);font:600 8px IBM Plex Mono,monospace}.v2-next-moment strong{overflow-wrap:anywhere;text-transform:uppercase;font-size:12px;font-weight:600}.v2-host-copy{text-shadow:0 2px 14px #000;max-width:700px;margin-top:auto;padding:34px;position:relative}.v2-host-copy>svg{color:var(--v2-accent)}.v2-host-copy p{color:color-mix(in srgb, var(--v2-accent) 70%, white);letter-spacing:.13em;margin:13px 0 10px;font:600 10px IBM Plex Mono}.v2-host-copy h2{overflow-wrap:anywhere;max-width:640px;margin:0 0 12px;font:600 25px/1.2 Unbounded,sans-serif}.v2-host-copy span{color:#a2a6ae;font-size:13px}.v2-host-feedback{align-items:center;gap:7px;margin-top:17px;display:flex}.v2-host-feedback small{color:#787d87;letter-spacing:.12em;margin-right:3px;font:9px IBM Plex Mono}.v2-host-feedback button{border:1px solid var(--v2-line);color:#a7abb3;cursor:pointer;background:#00000059;place-items:center;width:31px;height:31px;display:grid}.v2-host-feedback button:hover,.v2-host-feedback button.selected{border-color:var(--v2-accent);color:var(--v2-accent)}.v2-queue-preview{padding:21px}.v2-queue-preview header,.v2-library-section>header{border-bottom:1px solid var(--v2-line);justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:15px;display:flex}.v2-queue-preview header span,.v2-library-section>header span{color:var(--v2-accent);letter-spacing:.17em;font:600 9px IBM Plex Mono}.v2-queue-preview h2,.v2-library-section h2{letter-spacing:0;text-transform:uppercase;margin:5px 0 0;font-size:18px}.v2-queue-preview ol{max-height:276px;margin:8px 0 0;padding:0;list-style:none;overflow:hidden}.v2-queue-preview li{--track-accent:#7a808a;border-bottom:1px solid #ffffff0e;grid-template-columns:31px 38px minmax(0,1fr);align-items:center;gap:10px;min-height:54px;display:grid;box-shadow:inset 2px 0 #0000}.v2-queue-preview li[data-platform=appleMusic]{--track-accent:#fa2d48}.v2-queue-preview li[data-platform=youtube]{--track-accent:#ff4242}.v2-queue-preview li[data-platform=spotify]{--track-accent:#1ed760}.v2-queue-preview li.active{color:#fff;box-shadow:inset 2px 0 var(--track-accent);background:color-mix(in srgb, var(--track-accent) 7%, transparent)}.v2-queue-preview li img{object-fit:cover;width:38px;height:38px}.v2-queue-preview li div{min-width:0}.v2-queue-preview li strong,.v2-queue-preview li small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.v2-queue-preview li strong{font-size:12px}.v2-queue-preview li small{color:var(--v2-muted);margin-top:2px;font-size:10px}.v2-track-number{color:#707580;grid-template-columns:7px 1fr;place-items:center;gap:4px;font:9px IBM Plex Mono;display:grid}.v2-track-number i{background:var(--track-accent);width:6px;height:6px;box-shadow:0 0 7px color-mix(in srgb, var(--track-accent) 55%, transparent);border-radius:50%;display:block}.v2-queue-preview li.active .v2-track-number{color:var(--track-accent)}.v2-empty-queue{text-align:center;place-content:center;min-height:260px;display:grid}.v2-empty-queue span{color:#ffffff12;font-size:62px;font-weight:800}.v2-empty-queue p{max-width:210px;color:var(--v2-muted);font-size:12px;line-height:1.5}.v2-queue-note{color:#6f747d;margin-top:10px;font-size:9px;display:block}.v2-budget-strip{border:1px solid var(--v2-line);background:#0d0f12b3;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:13px;margin-top:14px;padding:11px 14px;display:grid}.v2-budget-strip span{color:#858a94;letter-spacing:.12em;font:600 9px IBM Plex Mono}.v2-budget-strip div{background:#ffffff14;height:5px;overflow:hidden}.v2-budget-strip i{background:var(--v2-accent);height:100%;transition:width .3s;display:block}.v2-budget-strip strong{font-size:10px}.v2-library-section{border-top:1px solid var(--v2-line);margin-top:22px;padding-top:25px}.v2-library-section>header{border:0;align-items:flex-end;padding:0}.v2-library-section>header p{max-width:320px;color:var(--v2-muted);text-align:right;margin:0;font-size:11px}.v2-library-section .dashboard-section{max-width:none}.v2-library-section .dashboard-content-section{width:100%}.v2-library-section .content-section{margin:22px 0 0}.v2-library-section .section-header{margin-bottom:13px}.v2-library-section .section-header h2{text-transform:uppercase;font-size:16px}.v2-library-section .media-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:13px;display:grid}.v2-library-section .media-item{text-align:left;background:#ffffff06;border:1px solid #0000;border-radius:5px;min-width:0;padding:9px;transition:transform .18s,border-color .18s,background .18s}.v2-library-section .media-item[data-platform=appleMusic]{--item-accent:#fa2d48}.v2-library-section .media-item[data-platform=youtube]{--item-accent:#ff4242}.v2-library-section .media-item[data-platform=spotify]{--item-accent:#1ed760}.v2-library-section .media-item[data-platform]{box-shadow:inset 0 2px color-mix(in srgb, var(--item-accent,var(--v2-accent)) 78%, transparent)}.v2-library-section .media-item:hover{border-color:color-mix(in srgb, var(--v2-accent) 45%, transparent);background:#ffffff0e;transform:translateY(-3px)}.v2-library-section .track-actions.open .hover-menu{opacity:1;visibility:visible;pointer-events:auto;display:block}.v2-library-section .media-cover-art{aspect-ratio:1;border-radius:3px;width:100%}.v2-library-section .media-info{padding:9px 1px 2px}.v2-library-section .media-title{margin:0;font-size:12px}.v2-library-section .media-subtitle{margin:3px 0 0;font-size:10px}.v2-library-section .search-container{border:1px solid var(--v2-line);background:var(--v2-surface);border-radius:6px;width:100%;max-width:none;margin:16px 0 0}.v2-library-section .dashboard-search-input{border-radius:4px}.v2-signal-strip{border:1px solid var(--v2-line);background:#0d0f12bf;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:16px;margin-top:22px;padding:12px 14px;display:grid}.v2-signal-strip span{color:var(--v2-muted);letter-spacing:.12em;align-items:center;gap:7px;font:600 9px IBM Plex Mono;display:flex}.v2-signal-strip i{background:#666;border-radius:50%;width:7px;height:7px}.v2-signal-strip i.online{background:var(--v2-accent);box-shadow:0 0 9px var(--v2-accent)}.v2-signal-strip strong{text-transform:uppercase;font-size:10px}.v2-signal-strip small{color:#747983;justify-self:end;font-size:9px}body.phantom-station-v2 .music-sidebar{z-index:2400;border-left:1px solid var(--v2-line);background:#090a0d;width:350px;min-width:350px;max-width:350px;font-family:Outfit,sans-serif;box-shadow:-24px 0 70px #0000006b}body.phantom-station-v2 .music-sidebar .sidebar-header{background:#0d0f12;padding:18px 20px}body.phantom-station-v2 .music-sidebar .sidebar-header h3{text-transform:uppercase;font-size:14px}body.phantom-station-v2 .music-sidebar .now-playing-section{background:#090a0d;padding:17px 22px 14px}body.phantom-station-v2 .music-sidebar .album-artwork{border-radius:4px;width:128px;height:128px;margin-bottom:12px}body.phantom-station-v2 .music-sidebar .album-artwork img.rotating{animation:none}body.phantom-station-v2 .music-sidebar .track-info{margin-bottom:9px}body.phantom-station-v2 .music-sidebar .track-title{font-size:16px}body.phantom-station-v2 .music-sidebar .track-artist{font-size:13px}body.phantom-station-v2 .music-sidebar .progress-container{margin-bottom:10px}body.phantom-station-v2 .music-sidebar .player-controls{margin-bottom:8px}body.phantom-station-v2 .music-sidebar .play-button{width:43px;height:43px}body.phantom-station-v2 .music-sidebar .extra-controls{margin-bottom:4px}body.phantom-station-v2 .music-sidebar .playlist-section{border-top-color:var(--v2-line);background:#0d0f12;min-height:0}body.phantom-station-v2 .music-sidebar .playlist-header{background:#0d0f12fa;top:0}body.phantom-station-v2 .music-sidebar .playlist-tracks{min-height:120px;padding:3px 0}body.phantom-station-v2 .music-sidebar .playlist-track{min-height:52px;padding:6px 13px}body.phantom-station-v2 .music-sidebar .playlist-track[data-platform]{--track-accent:#7a808a;border-left:2px solid #0000}body.phantom-station-v2 .music-sidebar .playlist-track[data-platform=appleMusic]{--track-accent:#fa2d48}body.phantom-station-v2 .music-sidebar .playlist-track[data-platform=youtube]{--track-accent:#ff4242}body.phantom-station-v2 .music-sidebar .playlist-track[data-platform=spotify]{--track-accent:#1ed760}body.phantom-station-v2 .music-sidebar .playlist-track[data-platform].active{border-left-color:var(--track-accent);background:color-mix(in srgb, var(--track-accent) 9%, transparent)}body.phantom-station-v2 .music-sidebar .playlist-track[data-platform] .track-number{color:var(--track-accent)}body.phantom-station-v2 .music-sidebar .track-thumb{width:35px;height:35px;margin:0 9px}body.phantom-station-v2 .music-sidebar .playlist-track .track-name{text-align:left;font-size:13px}body.phantom-station-v2 .music-sidebar .playlist-track .track-artist{text-align:left;font-size:11px}.v2-drawer-backdrop{z-index:3000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000009e;justify-content:flex-end;display:flex;position:fixed;inset:0}.v2-preferences{border-left:1px solid var(--v2-line);background:#0a0b0e;width:min(430px,100%);height:100%;padding:27px;animation:.22s ease-out v2-drawer-in;overflow-y:auto}.v2-preferences header{border-bottom:1px solid var(--v2-line);justify-content:space-between;gap:20px;padding-bottom:22px;display:flex}.v2-preferences header span,.v2-preferences section>label{color:var(--v2-accent);font:600 11px IBM Plex Mono}.v2-preferences h2{text-transform:uppercase;margin:6px 0 0;font-size:22px}.v2-preferences section{border-bottom:1px solid var(--v2-line);padding:25px 0}.v2-preferences section>label{justify-content:space-between;margin-bottom:14px;display:flex}.v2-host-options{gap:9px;display:grid}.v2-host-options button{border:1px solid var(--v2-line);background:var(--v2-surface);color:#d8dbe1;text-align:left;cursor:pointer;border-radius:5px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:5px 11px;padding:11px;display:grid}.v2-host-options button.selected{border-color:var(--v2-accent);background:color-mix(in srgb, var(--v2-accent) 9%, var(--v2-surface))}.v2-host-options img{border:1px solid var(--v2-line);object-fit:cover;filter:saturate(.7)contrast(1.08);border-radius:3px;grid-row:1/3;width:44px;height:44px}.v2-host-options strong{font-size:15px}.v2-host-options small{color:#9da2ac;font-size:12px}.v2-preferences input[type=range]{width:100%;accent-color:var(--v2-accent)}.v2-advanced-tools p{color:#9da2ac;margin:0 0 14px;font-size:13px;line-height:1.55}.v2-advanced-tools button{border:1px solid var(--v2-line);background:var(--v2-surface);color:#b9bdc5;cursor:pointer;border-radius:3px;align-items:center;width:100%;min-height:42px;padding:0 12px;display:flex}.v2-advanced-tools button svg:last-child{margin-left:auto}.v2-advanced-tools button:hover{border-color:var(--v2-accent);color:#fff}.v2-preference-note{color:var(--v2-muted);gap:11px;display:flex}.v2-preference-note p{margin:0;font-size:12px;line-height:1.55}.v2-loading{color:#fff;background:#07080a;place-content:center;justify-items:center;gap:10px;min-height:100vh;display:grid}.v2-loading svg{color:var(--v2-accent);animation:1.5s ease-in-out infinite v2-pulse}.v2-loading span{color:var(--v2-muted);font-size:12px}@keyframes v2-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes v2-pulse{50%{opacity:.3}}@media (width<=1180px){.v2-station-grid{grid-template-columns:1fr}.v2-host-panel,.v2-queue-preview{min-height:340px}.v2-queue-preview{min-height:0}.v2-queue-preview ol{max-height:220px}}@media (width<=900px){.v2-app-shell,.v2-app-shell.has-player{padding:64px 0 138px}.v2-sidebar{border-right:0;border-bottom:1px solid var(--v2-line);flex-direction:row;align-items:center;width:100%;height:64px;padding:10px 14px;inset:0 0 auto}.donor-brand-icon{width:36px;height:36px}.v2-brand-line,.v2-brand small,.v2-account{display:none}.v2-sidebar nav{margin:0 0 0 auto;display:flex}.v2-sidebar nav button{min-height:38px;padding:0 10px}.v2-sidebar nav button span{display:none}.v2-main{padding:25px 16px 48px}.v2-page-header{flex-direction:column;align-items:flex-start}.v2-header-actions{justify-content:flex-start}body.phantom-station-v2 .music-sidebar{border-top:1px solid var(--v2-line);border-left:0;width:100%;min-width:0;max-width:none;height:130px;top:auto;bottom:0;overflow:hidden}body.phantom-station-v2 .music-sidebar .sidebar-header,body.phantom-station-v2 .music-sidebar .playlist-section,body.phantom-station-v2 .music-sidebar .album-artwork,body.phantom-station-v2 .music-sidebar .extra-controls{display:none}body.phantom-station-v2 .music-sidebar .now-playing-section{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;height:130px;padding:13px 18px;display:grid}body.phantom-station-v2 .music-sidebar .track-info{grid-area:1/1;align-items:flex-start;margin:0}body.phantom-station-v2 .music-sidebar .track-title,body.phantom-station-v2 .music-sidebar .track-artist{text-align:left}body.phantom-station-v2 .music-sidebar .player-controls{grid-area:1/2;margin:0}body.phantom-station-v2 .music-sidebar .progress-container{grid-area:2/1/auto/-1;margin:0;padding:3px 0}}@media (width<=560px){.donor-brand-mark strong{font-size:12px}.donor-brand-mark small{display:none}.v2-page-header h1{font-size:34px}.v2-header-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.v2-readiness{grid-column:1/-1}.v2-header-actions button{justify-content:center}.v2-host-panel{min-height:365px}.v2-host-signal{width:220px;right:0;overflow:hidden}.v2-host-signal svg{width:200px;height:200px;transform:none}.v2-host-copy{padding:25px}.v2-host-copy h2{font-size:23px}.v2-next-moment{max-width:180px;top:70px;right:16px}.v2-library-section>header{flex-direction:column;align-items:flex-start}.v2-library-section>header p{text-align:left}.v2-library-section .media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v2-signal-strip{grid-template-columns:1fr auto}.v2-signal-strip small{grid-column:1/-1;justify-self:start}.v2-status-error{grid-template-columns:1fr}.v2-budget-strip{grid-template-columns:1fr;gap:8px}}@media (prefers-reduced-motion:reduce){.v2-preferences,.v2-loading svg{animation:none}}body.phantom-station-v2 *{letter-spacing:0}body.phantom-station-v2 .user-bubble-container{z-index:1100;position:fixed;inset:auto auto 58px 18px}.v2-account{display:none}body.phantom-station-v2 .enhanced-user-bubble{border:1px solid var(--v2-line);background:#0d0f12;border-radius:4px;width:188px;min-width:0;max-width:188px;padding:4px;box-shadow:0 10px 28px #00000059}body.phantom-station-v2 .mongo-account-section{width:100%}body.phantom-station-v2 .mongo-account-icon{width:100%;min-height:38px;color:inherit;border:0;border-radius:3px;padding:4px 7px;box-shadow:none!important;background:0 0!important}body.phantom-station-v2 .mongo-avatar{background:var(--v2-accent);color:#090a0d;border-radius:3px;width:28px;height:28px}body.phantom-station-v2 .mongo-account-name{color:#e6e8ec;text-overflow:ellipsis;white-space:nowrap;max-width:112px;font-size:13px;overflow:hidden}body.phantom-station-v2 .platform-icons-section{padding-left:0}body.phantom-station-v2 .mongo-dropdown{border-color:var(--v2-line);background:#08090bfa;border-radius:4px;box-shadow:0 18px 50px #0000007a}body.phantom-station-v2 .dropdown-action-btn{border-radius:2px;min-height:38px;font-size:13px}@media (width>=901px){body.phantom-station-v2 .mongo-dropdown{max-height:calc(100vh - 90px);margin-top:0;top:auto;bottom:calc(100% + 8px);overflow-y:auto}}.v2-player-expand{display:none}.v2-library-section .search-container{padding:12px}.v2-library-section .search-container,body.phantom-station-v2.platform-apple-music .v2-library-section .search-container{border-color:var(--v2-line);box-shadow:none;background:#0d0f12db}.v2-library-section .apple-search-section>.section-header{display:none}.v2-library-section .dashboard-search-input,body.phantom-station-v2.platform-apple-music .v2-library-section .dashboard-search-input{border:1px solid var(--v2-line);min-height:46px;box-shadow:none;background:#111319;border-radius:3px;margin-bottom:8px;padding:7px 11px}.v2-library-section .dashboard-search-input:focus-within{border-color:var(--v2-accent);box-shadow:none}.v2-library-section .dashboard-search-input .search-icon{display:none}.v2-library-section .dashboard-search-input .search-input{min-width:0;font-size:15px}.v2-library-section .search-tabs{gap:3px;margin-bottom:7px;overflow-x:auto}.v2-library-section .search-tab{border-radius:3px;flex:none;padding:8px 10px;font-size:13px}.v2-library-section .search-tab.active,body.phantom-station-v2.platform-apple-music .v2-library-section .search-tab.active{border-bottom-color:var(--v2-accent);background:color-mix(in srgb, var(--v2-accent) 12%, transparent);box-shadow:none;border-radius:2px}.v2-library-section .search-placeholder.compact{padding:20px 8px;font-size:12px}@media (width>=901px) and (width<=1300px){.v2-page-header{flex-direction:column;align-items:flex-start;gap:16px}}@media (width<=900px){body.phantom-station-v2 .user-bubble-container{inset:68px 12px auto auto}body.phantom-station-v2 .enhanced-user-bubble{width:44px;min-width:44px;max-width:44px}body.phantom-station-v2 .mongo-account-icon{justify-content:center;padding:4px}body.phantom-station-v2 .mongo-account-name,body.phantom-station-v2 .guest-timer{display:none}body.phantom-station-v2 .mongo-dropdown{width:min(280px,100vw - 24px);min-width:0;right:0}.v2-player-expand{border:1px solid var(--v2-line);color:#fff;z-index:2410;background:#12151a;border-bottom:0;border-radius:4px 4px 0 0;place-items:center;width:44px;height:44px;display:grid;position:fixed;bottom:130px;left:18px}.v2-icon-button,.v2-host-feedback button{min-width:44px;min-height:44px}body.phantom-station-v2 .player-expanded .music-sidebar{height:min(78svh,720px);overflow-y:auto}.player-expanded .v2-player-expand{bottom:min(78svh,720px)}body.phantom-station-v2 .player-expanded .music-sidebar .playlist-section{flex:1;min-height:180px;display:flex}body.phantom-station-v2 .player-expanded .music-sidebar .extra-controls{grid-column:1/-1;display:flex}body.phantom-station-v2 .player-expanded .music-sidebar .now-playing-section{flex-shrink:0;height:auto;min-height:160px}}
