@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&family=Pacifico&display=swap";:root{--bg-primary: #16161F;--bg-secondary: #1B1B26;--bg-card: #232336;--bg-elevated: #2A2A40;--accent: #A78BFA;--accent-glow: #C4B5FD;--accent-soft: rgba(167, 139, 250, .15);--text-main: #F3F4F6;--text-secondary: #9CA3AF;--border-color: rgba(255, 255, 255, .08);--shadow-soft: 0 8px 30px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(167, 139, 250, .2);--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);background:radial-gradient(circle at top,#232336,#16161f 65%);color:var(--text-main);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em}button{cursor:pointer;border:none;outline:none;background:none;transition:var(--transition-smooth)}.glass{background:#232336b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 5px var(--accent-soft)}50%{box-shadow:0 0 20px var(--accent-soft)}to{box-shadow:0 0 5px var(--accent-soft)}}.animate-fade{animation:fadeIn .6s ease-out forwards}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.about-page{--about-text: #ffffff;--about-accent: #1DB954;--about-accent-hover: #1ed760;--about-transition: .25s ease}.about-page{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-top:max(1rem,env(safe-area-inset-top));background:#121212;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;border-radius:0}.about-content{width:100%;max-width:22rem;text-align:center;animation:about-in .5s ease-out}@keyframes about-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.about-brand{margin:0 0 clamp(.75rem,2.5vh,1.5rem);font-family:Pacifico,cursive;font-size:clamp(2.25rem,10vw,5rem);font-weight:400;color:var(--about-text);line-height:1.3}.about-title{margin:0 0 .5rem;font-size:clamp(1.125rem,4vw,2rem);font-weight:600;color:var(--about-text);letter-spacing:.02em;line-height:1.3}.about-text{margin:0 0 .75rem;font-size:clamp(.875rem,2.5vw,1.25rem);color:var(--about-text);opacity:.85;line-height:1.4}.about-text:last-of-type{margin-bottom:clamp(1.25rem,4vh,2rem)}.about-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center}.about-cta{display:inline-block;min-height:2.75rem;padding:.75rem 1.5rem;font-size:clamp(.9375rem,2.5vw,1.125rem);font-weight:600;color:var(--about-text);background:transparent;border:2px solid var(--about-text);border-radius:.5rem;cursor:pointer;transition:color var(--about-transition),background-color var(--about-transition),border-color var(--about-transition),transform var(--about-transition);-webkit-tap-highlight-color:transparent}.about-cta:hover{background:var(--about-text);color:#000;transform:translateY(-2px)}.about-cta-primary{color:#000;background:var(--about-accent);border-color:var(--about-accent)}.about-cta-primary:hover{background:var(--about-accent-hover);border-color:var(--about-accent-hover);color:#000}.about-cta:active{transform:translateY(0)}.about-cta:focus-visible{outline:2px solid var(--about-accent);outline-offset:3px}@media(max-width:479px){.about-page{padding:.75rem;padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right));padding-bottom:max(.75rem,env(safe-area-inset-bottom));padding-top:max(.75rem,env(safe-area-inset-top))}.about-brand{font-size:clamp(2rem,12vw,2.75rem)}.about-title{font-size:clamp(1rem,5vw,1.25rem)}.about-text{font-size:.875rem}.about-actions{flex-direction:column;width:100%}.about-cta{min-height:2.75rem;padding:.625rem 1.25rem;font-size:1rem;width:100%;max-width:18rem}}@media(min-width:480px)and (max-width:767px){.about-page{padding:1.25rem}.about-content{max-width:22rem}.about-brand{font-size:clamp(2.5rem,8vw,3.5rem)}.about-cta{padding:.75rem 1.75rem}}@media(min-width:768px)and (max-width:1023px){.about-page{padding:2rem}.about-content{max-width:22rem}.about-brand{font-size:clamp(3.5rem,6vw,4.5rem)}.about-title{font-size:clamp(1.5rem,2.5vw,1.75rem)}.about-text{font-size:1.125rem}.about-cta{padding:.875rem 2rem;font-size:1.0625rem}}@media(min-width:1024px){.about-page{padding:2rem}.about-content{max-width:22rem}.about-brand{font-size:4.5rem;margin-bottom:1.25rem}.about-title{font-size:1.75rem;margin-bottom:.5rem}.about-text{font-size:1.25rem;margin-bottom:.875rem}.about-text:last-of-type{margin-bottom:2rem}.about-cta{padding:.875rem 2.25rem;font-size:1.125rem;min-height:auto}}@media(min-width:1280px){.about-brand{font-size:5rem}.about-title{font-size:2rem}}@media(prefers-reduced-motion:reduce){.about-content{animation:none}.about-cta{transition:none}}.welcome-container{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center;padding:20px}.welcome-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--accent-soft) 0%,transparent 70%);filter:blur(50px);z-index:-1;opacity:.6}.welcome-content{max-width:600px}.brand-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50px;font-size:14px;color:var(--accent);margin-bottom:30px}.welcome-title{font-family:Pacifico,cursive;font-size:clamp(60px,15vw,120px);font-weight:400;color:var(--text-main);line-height:1.2;margin-bottom:20px}.welcome-subtitle{font-size:18px;color:var(--text-secondary);line-height:1.6;margin-bottom:40px}.welcome-features{display:flex;justify-content:center;gap:30px;margin-bottom:50px}.feature-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.feature-icon{width:40px;height:40px;background:var(--bg-card);display:flex;align-items:center;justify-content:center;border-radius:12px;color:var(--accent)}.get-started-btn{padding:18px 40px;background:var(--accent);color:var(--bg-primary);border-radius:50px;font-size:18px;font-weight:600;display:inline-flex;align-items:center;gap:12px;transition:var(--transition-bounce);box-shadow:var(--shadow-glow)}.get-started-btn:hover{transform:scale(1.05) translateY(-5px);background:var(--accent-glow)}.welcome-footer{margin-top:60px;font-size:14px;color:var(--text-secondary);font-style:italic;opacity:.7}.dhoon-app{min-height:100vh;display:flex;position:relative;overflow:hidden}.immersive-rain .rain-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.4}.immersive-focus .content-header,.immersive-focus .nav-sidebar,.immersive-focus .quick-actions,.immersive-focus .player-actions-right{opacity:.1;pointer-events:none;transition:var(--transition-smooth)}.immersive-focus .floating-player{bottom:40px;width:80%;max-width:600px;left:50%;transform:translate(-50%)}.main-layout{display:flex;width:100%;height:100vh}.nav-sidebar{width:260px;height:100%;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:30px 20px;z-index:100;transition:var(--transition-smooth)}.brand-logo{font-family:Pacifico,cursive;font-size:32px;color:var(--accent);margin-bottom:40px;padding-left:10px;font-weight:400}.nav-group{display:flex;flex-direction:column;gap:8px;margin-bottom:30px}.nav-group.secondary{margin-top:auto;border-top:1px solid var(--border-color);padding-top:20px}.group-title{font-size:12px;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.1em;margin-bottom:15px;padding-left:10px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:12px;color:var(--text-secondary);font-weight:500;transition:var(--transition-bounce)}.nav-link:hover{background:var(--accent-soft);color:var(--accent);transform:translate(5px)}.nav-link.active{background:var(--accent);color:var(--bg-primary);box-shadow:var(--shadow-glow)}.nav-link.active-accent{color:var(--accent);background:var(--accent-soft)}.sidebar-profile-mini{display:flex;align-items:center;gap:12px;margin-top:20px;padding:15px;background:var(--bg-card);border-radius:16px;cursor:pointer;transition:var(--transition-smooth)}.sidebar-profile-mini:hover{background:var(--bg-elevated)}.sidebar-profile-mini img{width:36px;height:36px;border-radius:50%;object-fit:cover}.mini-name{display:block;font-size:14px;font-weight:600}.mini-status{display:block;font-size:11px;color:var(--text-secondary)}.content-scrollable{flex:1;height:100%;overflow-y:auto;padding:30px 40px 140px;position:relative;z-index:10}.hidden-input,.hamburger-btn,.close-sidebar{display:none}@media(max-width:1024px){.hamburger-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-card);border-radius:12px;color:var(--text-secondary);margin-right:15px;flex-shrink:0}.close-sidebar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--accent-soft);color:var(--accent);border-radius:10px}}.back-btn-global{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--bg-card);color:var(--text-secondary);transition:var(--transition-smooth);margin-right:15px}.back-btn-global:hover{background:var(--accent);color:var(--bg-primary);transform:translate(-3px)}.content-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-radius:20px;margin-bottom:40px;position:sticky;top:0;z-index:50}.greeting-text{font-size:24px;color:var(--text-main)}.quote-text{font-size:13px;color:var(--text-secondary);font-style:italic;margin-top:4px}.search-bar{display:flex;align-items:center;gap:12px;padding:10px 20px;border-radius:50px;width:300px}.search-bar input{background:none;border:none;outline:none;color:var(--text-main);flex:1;font-size:14px}.header-right{display:flex;align-items:center;gap:15px}.header-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-card);color:var(--text-secondary)}.header-icon-btn:hover{background:var(--accent);color:var(--bg-primary);transform:translateY(-2px)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:50px}.action-card{display:flex;align-items:center;gap:15px;padding:20px;border-radius:20px;transition:var(--transition-bounce)}.action-card:hover{transform:translateY(-5px);background:var(--bg-elevated)}.icon-wrap{width:45px;height:45px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;border-radius:14px}.action-title{display:block;font-weight:600;font-size:15px}.action-desc{display:block;font-size:12px;color:var(--text-secondary)}.section-title{font-size:20px;margin-bottom:25px;display:flex;align-items:center;gap:10px}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:25px}.song-card{padding:15px;border-radius:20px;position:relative;transition:var(--transition-smooth);cursor:pointer}.song-card:hover{background:var(--bg-elevated);transform:translateY(-8px)}.card-artwork{width:100%;aspect-ratio:1;border-radius:15px;overflow:hidden;margin-bottom:12px;position:relative}.song-card:hover .card-artwork img{transform:scale(1.1)}.card-info{margin-bottom:10px}.song-title{display:block;font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist{display:block;font-size:12px;color:var(--text-secondary);margin-top:4px}.card-actions{display:flex;justify-content:space-between;align-items:center}.fav-btn,.more-btn{color:var(--text-secondary);transition:var(--transition-smooth)}.fav-btn.liked{color:var(--accent)}.fav-btn:hover{transform:scale(1.2)}.active-song{background:var(--accent-soft);border:1px solid var(--accent)}.card-glow{position:absolute;inset:0;border-radius:20px;box-shadow:var(--shadow-glow);pointer-events:none;opacity:.5}.playing-bars{position:absolute;bottom:10px;right:10px;display:flex;align-items:flex-end;gap:2px;height:15px}.bar{width:3px;background:var(--accent);border-radius:2px;animation:barGrow .6s infinite ease-in-out}.bar:nth-child(2){animation-delay:.2s}.bar:nth-child(3){animation-delay:.4s}@keyframes barGrow{0%,to{height:5px}50%{height:15px}}.floating-player{position:fixed;bottom:30px;left:30px;right:30px;padding:15px 30px;border-radius:25px;z-index:1000;box-shadow:var(--shadow-soft);animation:slideUp .8s cubic-bezier(.2,.8,.2,1)}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.player-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.player-song-box{display:flex;align-items:center;gap:15px;width:240px}.player-art-wrap{width:55px;height:55px;border-radius:12px;overflow:hidden;position:relative}.player-art-wrap img{width:100%;height:100%;object-fit:cover}.art-glow{position:absolute;bottom:-10px;left:10%;width:80%;height:20px;filter:blur(15px);opacity:.6}.player-song-name{display:block;font-weight:600;font-size:15px}.player-artist-name{display:block;font-size:12px;color:var(--text-secondary)}.player-controls-center{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:600px}.main-btns{display:flex;align-items:center;gap:25px}.player-btn{color:var(--text-secondary)}.player-btn:hover{color:var(--accent);transform:scale(1.1)}.play-pause-main{width:50px;height:50px;background:var(--accent);color:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);transition:var(--transition-bounce)}.play-pause-main:hover{transform:scale(1.1) rotate(5deg);background:var(--accent-glow)}.player-progress-wrap{width:100%;display:flex;align-items:center;gap:15px}.time-text{font-size:11px;color:var(--text-secondary);font-family:monospace;width:35px}.progress-bar-container{flex:1;position:relative;height:4px}.progress-slider{width:100%;appearance:none;background:#ffffff1a;height:4px;border-radius:10px;outline:none;cursor:pointer}.progress-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) var(--progress),rgba(255,255,255,.1) var(--progress));height:4px;border-radius:10px}.progress-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--accent);border-radius:50%;margin-top:-4px;box-shadow:0 0 10px var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{padding:25px;border-radius:20px;display:flex;flex-direction:column;gap:10px}.stat-card.full-width{grid-column:1 / -1}.stat-icon{color:var(--accent);margin-bottom:5px}.stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:24px;font-weight:700}.stat-value.highlight{color:var(--accent);font-size:32px;font-family:Pacifico,cursive;margin:10px 0}.profile-hero{display:flex;align-items:center;gap:30px;padding:40px;border-radius:30px;margin-bottom:30px}.profile-img-wrap{width:120px;height:120px;border-radius:50%;padding:5px;border:2px solid var(--accent)}.profile-img-wrap img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-name{font-size:32px;margin-bottom:4px}.profile-username{color:var(--accent);font-weight:500}.profile-bio{margin:15px 0;color:var(--text-secondary)}.playlists-view{margin-top:-20px}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.pl-card{position:relative}.pl-delete-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-primary);color:var(--text-secondary);opacity:.6;transition:var(--transition-smooth)}.pl-card:hover .pl-delete-btn{opacity:1}.pl-delete-btn:hover{color:#ff4d4d;background:#ff4d4d22;transform:scale(1.1)}.personality-tag{display:inline-block;padding:8px 16px;border-radius:30px;font-size:14px;background:var(--accent-soft);color:var(--accent)}.profile-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-card{padding:20px;border-radius:20px}.detail-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:5px}.detail-value{font-size:18px;font-weight:600}.mood-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}.mood-card{padding:30px 20px;border-radius:25px;text-align:center;transition:var(--transition-bounce);cursor:pointer}.mood-card:hover{transform:scale(1.05);background:var(--accent-soft);border-color:var(--accent)}.mood-icon{font-size:32px;margin-bottom:15px}.mood-name{display:block;font-weight:600;margin-bottom:5px}.mood-count{font-size:11px;color:var(--text-secondary)}@media(max-width:1024px){.nav-sidebar{position:fixed;left:-260px}.nav-sidebar.mobile-open{left:0}.content-scrollable{padding:20px}.floating-player{bottom:20px;left:10px;right:10px;padding:10px 15px}.player-actions-right{display:none}}@media(max-width:768px){.search-bar{display:none}.greeting-text{font-size:20px}.profile-hero{flex-direction:column;text-align:center}.main-btns{gap:15px}.player-song-box{width:auto}.player-titles,.player-progress-wrap{display:none}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{width:90%;max-width:400px;padding:30px;border-radius:30px}.pl-option{width:100%;display:flex;justify-content:space-between;padding:15px 20px;border-radius:15px;margin-bottom:10px}.pl-option:hover{background:var(--accent-soft);color:var(--accent)}.modal-close-btn{width:100%;margin-top:20px;padding:12px;background:var(--bg-elevated);border-radius:50px}.liked-page-container{min-height:100vh;width:100%;padding:40px;position:relative;overflow-x:hidden}.liked-glow{position:fixed;top:0;right:0;width:500px;height:500px;background:radial-gradient(circle,var(--accent-soft) 0%,transparent 70%);filter:blur(80px);z-index:-1;opacity:.4}.liked-wrapper{max-width:1000px;margin:0 auto}.liked-header{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-radius:20px;margin-bottom:40px}.back-btn{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-weight:500;transition:var(--transition-smooth)}.back-btn:hover{color:var(--accent);transform:translate(-5px)}.liked-title{font-size:24px;font-weight:700}.header-meta{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.liked-empty{text-align:center;padding:100px 40px;border-radius:30px}.empty-icon-wrap{width:100px;height:100px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;border-radius:30px;margin:0 auto 30px}.liked-empty-text{font-size:24px;font-weight:600;margin-bottom:10px}.liked-empty-hint{color:var(--text-secondary);margin-bottom:40px}.go-back-btn{padding:15px 35px;background:var(--accent);color:var(--bg-primary);border-radius:50px;font-weight:600;box-shadow:var(--shadow-glow)}.liked-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px}.liked-card{padding:15px;border-radius:25px;cursor:pointer;transition:var(--transition-bounce)}.liked-card:hover{background:var(--bg-elevated);transform:translateY(-10px)}.card-artwork{width:100%;aspect-ratio:1;border-radius:20px;overflow:hidden;position:relative;margin-bottom:15px}.card-artwork img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.liked-card:hover .card-artwork img{transform:scale(1.1)}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-smooth)}.liked-card:hover .card-overlay{opacity:1}.card-info{text-align:center}.song-title{display:block;font-weight:600;margin-bottom:5px}.song-artist{display:block;font-size:13px;color:var(--text-secondary)}@media(max-width:768px){.liked-page-container{padding:20px}.liked-header{flex-direction:column;gap:15px;text-align:center}.liked-list-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}}.playlists-page-container{min-height:100vh;width:100%;padding:40px;position:relative;overflow-x:hidden;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);font-family:Outfit,sans-serif}.playlists-glow{position:fixed;bottom:0;left:0;width:500px;height:500px;background:radial-gradient(circle,var(--accent-soft) 0%,transparent 70%);filter:blur(80px);z-index:-1;opacity:.4}.playlists-wrapper{max-width:1200px;margin:0 auto}.playlists-header{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-radius:25px;margin-bottom:40px}.back-btn{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-weight:500}.playlists-title{font-size:24px;font-weight:700}.create-pl-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:50px;font-size:14px;font-weight:600;color:var(--accent);transition:var(--transition-smooth)}.create-pl-btn:hover{background:var(--accent);color:var(--bg-primary);transform:translateY(-2px)}.mood-tags-container{margin-bottom:40px}.mood-tag-header{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary);margin-bottom:20px;padding-left:10px}.mood-tags-grid{display:flex;flex-wrap:wrap;gap:12px}.mood-tag{padding:10px 20px;border-radius:50px;font-size:13px;cursor:pointer;transition:var(--transition-smooth)}.mood-tag:hover{background:var(--accent-soft);color:var(--accent);transform:scale(1.05)}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.collection-card{padding:25px;border-radius:30px;display:flex;align-items:center;gap:20px;cursor:pointer;position:relative;transition:var(--transition-bounce)}.collection-card:hover{background:var(--bg-elevated);transform:translateY(-8px)}.collection-visual{width:70px;height:70px;background:var(--bg-secondary);border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative}.visual-glow{position:absolute;bottom:-5px;width:80%;height:10px;background:var(--accent);filter:blur(10px);opacity:.3}.collection-name{font-size:18px;font-weight:600;margin-bottom:4px}.collection-meta{font-size:13px;color:var(--text-secondary)}.collection-delete{position:absolute;top:12px;right:12px;padding:6px;color:var(--text-secondary);background:var(--bg-primary);border-radius:8px;opacity:.6;transition:var(--transition-smooth);box-shadow:var(--shadow-soft)}.collection-card:hover .collection-delete{opacity:1;background:#ff4d4d22}.collection-delete:hover{color:#ff4d4d;transform:scale(1.1);background:#ff4d4d33}.collections-empty{grid-column:1 / -1;text-align:center;padding:60px;border-radius:30px;display:flex;flex-direction:column;align-items:center;gap:15px}.collections-empty button{color:var(--accent);font-weight:600;text-decoration:underline}.input-group{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.input-group label{font-size:13px;color:var(--text-secondary);padding-left:5px}.input-group input{padding:15px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:15px;color:var(--text-main);outline:none}.modal-actions{display:flex;gap:15px;margin-top:30px}.cancel-btn,.confirm-btn{flex:1;padding:15px;border-radius:50px;font-weight:600}.cancel-btn{background:var(--bg-elevated);color:var(--text-main)}.confirm-btn{background:var(--accent);color:var(--bg-primary)}@media(max-width:768px){.playlists-page-container{padding:20px}.playlists-header{flex-direction:column;gap:15px;text-align:center}.collections-grid{grid-template-columns:1fr}}.playlist-detail-page-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:Outfit,sans-serif}.playlist-detail-wrapper{display:flex;flex-direction:column;height:95vh;width:95vw;max-width:1200px;max-height:900px;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:30px;box-shadow:0 20px 50px #0000004d;position:relative;overflow:hidden;padding:30px 40px}.playlist-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-shrink:0}.playlist-detail-title{margin:0;font-size:2.5rem;font-weight:800;color:#fff}.playlist-detail-stats{font-size:.9rem;color:#b3b3b3}.playlist-detail-actions{display:flex;align-items:center;gap:12px}.playlist-detail-delete-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ff4d4d1a;color:#ff4d4d;border:1px solid rgba(255,77,77,.2);transition:all .2s}.playlist-detail-delete-btn:hover{background:#ff4d4d;color:#fff;transform:scale(1.1)}.playlist-detail-back{padding:.6rem 1.5rem;font-size:.9rem;font-weight:700;color:#fff;background:transparent;border:1px solid #727272;border-radius:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center}.playlist-detail-back:hover{border-color:#fff;transform:scale(1.04)}.playlist-detail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;scrollbar-width:none}.playlist-detail-list::-webkit-scrollbar{display:none}.playlist-detail-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:transparent;border-radius:4px;transition:background .2s}.playlist-detail-item:hover{background:#ffffff1a}.playlist-detail-item-main{display:flex;align-items:center;gap:1.25rem;background:none;border:none;padding:0;cursor:pointer;flex:1;text-align:left}.playlist-detail-item-art{width:48px;height:48px;border-radius:4px;object-fit:cover}.playlist-detail-item-info{display:flex;flex-direction:column}.playlist-detail-item-title{font-size:1rem;font-weight:500;color:#fff}.playlist-detail-item-artist{font-size:.85rem;color:#b3b3b3}.playlist-detail-item-remove{padding:.5rem;background:transparent;color:#b3b3b3;border:none;font-size:1.25rem;cursor:pointer;transition:all .2s}.playlist-detail-item-remove:hover{color:#fff;transform:scale(1.2)}.playlist-detail-empty{text-align:center;margin-top:5rem;color:#b3b3b3}.playlist-detail-empty-text{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.add-songs-hint-btn{padding:.8rem 2rem;background:#1db954;color:#000;border:none;border-radius:20px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.add-songs-hint-btn:hover{background:#1ed760;transform:scale(1.04)}@media(max-width:768px){.playlist-detail-wrapper{height:100vh;width:100vw;border-radius:0;padding:20px}}.global-player-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:1200px;height:80px;background:#ffffff14;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.15);border-radius:20px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:9999;box-shadow:0 10px 30px #00000080;transition:all .3s cubic-bezier(.4,0,.2,1)}.player-song-info{display:flex;align-items:center;gap:15px;flex:1;min-width:200px}.player-art{width:50px;height:50px;border-radius:12px;object-fit:cover;box-shadow:0 4px 10px #0000004d}.player-text{display:flex;flex-direction:column;max-width:200px}.player-song-title{font-size:.95rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-song-artist{font-size:.8rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls-section{display:flex;flex-direction:column;align-items:center;flex:2;gap:8px}.playback-buttons{display:flex;align-items:center;gap:20px;margin-top:6px}.play-pause-btn{width:45px;height:45px;border-radius:50%;background:#fff;color:#0f0c29;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:transform .2s}.play-pause-btn:hover{transform:scale(1.1)}.nav-btn{background:none;border:none;color:#fffc;cursor:pointer;transition:color .2s}.nav-btn:hover{color:#fff}.progress-container{display:flex;align-items:center;gap:10px;width:100%;max-width:500px}.time-label{font-size:.75rem;color:#ffffff80;min-width:35px}.global-slider{flex:1;height:4px;-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer;position:relative}.global-slider::-webkit-slider-runnable-track{width:100%;height:4px;background:linear-gradient(to right,#7b61ff var(--progress),rgba(255,255,255,.1) var(--progress));border-radius:2px}.global-slider::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border-radius:50%;background:#fff;margin-top:-4px;box-shadow:0 0 10px #00000080}.player-extra-controls{display:flex;align-items:center;gap:15px;flex:1;justify-content:flex-end}.volume-wrapper{display:flex;align-items:center;gap:8px;width:120px}.volume-slider-mini{width:100%;height:4px;-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none}.volume-slider-mini::-webkit-slider-thumb{-webkit-appearance:none;height:10px;width:10px;background:#fff;border-radius:50%}@media(max-width:768px){.player-extra-controls{display:none}.player-song-info{min-width:150px}}