@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700;900&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body{background:linear-gradient(135deg,#20003b,#bb1e81);font-family:Poppins,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{margin:0;overflow-x:hidden!important;overflow-y:auto!important;padding:0;width:100%}.navbar-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2a0033,#450045,#2a0033);border-bottom:1px solid #ffffff0d;width:100%;z-index:999}.navbar-wrapper.sticky{position:fixed;top:0}.navbar-wrapper.normal{position:relative}.navbar{align-items:center;display:flex;height:80px;justify-content:space-between;max-width:1400px;padding:0 20px;width:100%}.navbar-logo img{object-fit:contain;width:140px}.navbar-menu{align-items:center;display:flex;gap:36px;margin-left:40px}.navbar-menu a{color:#fffc;font-size:15px;font-weight:500;text-decoration:none;transition:.2s ease-in-out}.navbar-menu a:hover{color:#ff5cd9}.navbar-auth{align-items:center;display:flex;gap:14px}.nav-login{background:#0000;border:none;color:#d7c8ff;cursor:pointer;font-size:14px;padding:4px 6px;transition:color .2s ease}.nav-login:hover{color:#fff}.nav-signup{background:#ffffff14;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px;transition:.2s ease}.nav-signup:hover{background:#ff4bd6}@media (max-width:768px){.navbar-menu{display:none}.navbar{padding:0 14px}.navbar-logo img{width:120px}}.hero-section{background:radial-gradient(circle at center,#7a005a 0,#1b0036 50%,#1b0036 75%,#1b0036 100%);margin-top:-20px;overflow:hidden;padding:5px 0 40px;width:100%}.hero-container{align-items:center;display:flex;justify-content:space-between;margin:auto;max-width:1400px;padding:0 40px}.hero-left{display:flex;flex:1 1;justify-content:center}.hero-img{filter:drop-shadow(0 40px 50px rgba(0,0,0,.5));max-width:100%;transform:translateX(-40px);width:500px}.hero-right{color:#fff;flex:1 1;padding-left:60px}.hero-title{font-size:72px;font-weight:800;line-height:1;margin-bottom:20px}.hero-subtitle{color:#ffffffd9;font-size:16px;line-height:1.6;margin-bottom:30px;max-width:420px}.hero-btn{background:linear-gradient(90deg,#f644cc,#9c3ddc);border:none;border-radius:14px;box-shadow:0 15px 35px #0000004d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 32px;transition:all .2s ease}.hero-btn:hover{box-shadow:0 20px 40px #ff4bd640;transform:translateY(-2px)}@media (max-width:900px){.hero-container{flex-direction:column;padding:0 20px;text-align:center}.hero-right{margin-top:30px;padding-left:0}.hero-img{transform:translateX(0);width:360px}.hero-title{font-size:48px}}.topstation{align-items:center;background:radial-gradient(circle at center,#7a005a 0,#1b0036 50%,#1b0036 75%,#1b0036 100%);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:60px 40px;width:100%}.topstation-container{color:#fff;max-width:1200px;text-align:center;width:100%}.topstation-title{font-size:56px;font-weight:700;line-height:1.3;margin-bottom:20px}.topstation-title span{color:#ffffffb3}.topstation-desc{color:#ffffffd9;font-size:15px;line-height:1.7;margin:0 auto 60px;max-width:800px}.topstation-grid{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.station-card{background:linear-gradient(180deg,#612060,#2c062c);border-radius:16px;box-shadow:0 5px 15px #0000004d;padding:15px;text-align:left;transition:transform .3s ease;width:180px}.station-card:hover{transform:translateY(-8px)}.station-card img{border-radius:12px;height:180px;margin-bottom:12px;object-fit:cover;width:100%}.station-card h4{font-size:15px;font-weight:600;margin-bottom:5px}.station-card p{color:#ffffffb3;font-size:12px}.music-library{align-items:center;background:radial-gradient(circle at center,#7a005a 0,#1b0036 50%,#1b0036 75%,#1b0036 100%);display:flex;justify-content:center;min-height:100vh;padding:70px 40px;width:100%}.library-container{color:#fff;max-width:1200px;width:100%}.library-text{margin-bottom:60px;max-width:700px}.library-text h1{font-size:60px;font-weight:800;line-height:1.2;margin-bottom:15px}.library-text span{color:#ffffffb3}.library-text p{color:#ffffffd9;font-size:15px;line-height:1.7;max-width:500px}.library-cards{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin-top:40px}.library-card{background:linear-gradient(180deg,#3a0f61,#2b003a);border-radius:22px;box-shadow:0 10px 30px #00000080;padding:18px;text-align:left;transition:transform .3s ease;width:300px}.card-image img{border-radius:18px;height:220px;object-fit:cover;width:100%}.library-card:hover{transform:translateY(-10px)}.card-image{border-radius:20px;margin-bottom:20px;overflow:hidden;position:relative}.play-btn{align-items:center;background:#fff;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:55px;inset:0;justify-content:center;left:50%;margin:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:55px}.library-card h3{font-size:20px;font-weight:700;margin-bottom:5px}.songs-count{color:#ffffffb3;font-size:13px}@media (max-width:900px){.library-cards{flex-direction:column}.library-card{width:100%}}.topartist-section{background:radial-gradient(circle at center,#7a005a 0,#1b0036 50%,#1b0036 75%,#1b0036 100%);padding:80px;width:100%}.topartist-container{align-items:center;display:flex;gap:60px;justify-content:space-between;margin:auto;max-width:1400px}.topartist-left{color:#e3d6d6;width:40%}.topartist-left h2{font-size:48px;font-weight:700;margin-bottom:20px}.topartist-left h2 span{color:#f5a3ff;opacity:.8}.topartist-left p{color:#d9cbe3;font-size:17px;line-height:1.7;margin-bottom:40px;max-width:580px}.artist-row{display:flex;gap:25px}.artist-row img{background:#320035;border-radius:50%;cursor:pointer;height:90px;object-fit:cover;padding:4px;transition:transform .3s ease;width:90px}.artist-row img:hover{transform:scale(1.1)}.topartist-right{display:flex;justify-content:center;width:40%}.topartist-right img{filter:drop-shadow(0 20px 40px rgba(0,0,0,.6));margin-left:-600px;max-height:480px;object-fit:contain}@media screen and (max-width:900px){.topartist-container{flex-direction:column;text-align:center}.topartist-left,.topartist-right{width:100%}.artist-row{justify-content:center}.topartist-right img{max-height:300px}}:root{--bg-1:#9c006f;--bg-2:#2a001f;--glass:#ffffff0f;--accent:#ff8ad0}.tm-root{background:radial-gradient(circle at center,#9c006f 0,#2a001f 70%);background:radial-gradient(circle at center,var(--bg-1) 0,var(--bg-2) 70%);display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;padding:40px 0;width:100%}.tm-container{grid-gap:48px;align-items:start;display:grid;gap:48px;grid-template-columns:320px 1fr;width:1200px}.tm-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#ffffff1a,#5a006e66);border-radius:18px;box-shadow:0 12px 30px #00000080;padding:20px}.tm-recent-title{color:#fff;font-weight:700;margin-bottom:12px}.tm-recent-list{list-style:none;margin:0;padding:0}.tm-recent-item{align-items:center;border-radius:12px;display:flex;gap:12px;margin-bottom:14px;padding:8px}.tm-recent-item:hover{background:#ffffff08;transform:translateX(6px)}.tm-thumb{border-radius:10px;flex-shrink:0;height:46px;overflow:hidden;width:46px}.tm-thumb img{display:block;height:100%;object-fit:cover;width:100%}.tm-meta{flex:1 1;min-width:0}.tm-song{color:#fff;font-size:13px;font-weight:600}.tm-artist{color:#e7d9e7;font-size:11px;margin-top:3px}.tm-like{color:#fff;font-size:16px;opacity:.8}.tm-main{display:block}.tm-title{color:#fff;font-size:56px;font-weight:900;margin:6px 0;text-align:center;text-shadow:0 6px 18px #0009}.tm-sub{color:#e8dfe8;line-height:1.6;margin:0 auto 32px;max-width:760px;text-align:center}.tm-albums{display:flex;gap:32px;justify-content:center;margin-bottom:36px}.tm-album{background:#ffffff08;border-radius:14px;cursor:pointer;padding:12px;text-align:center;transition:transform .22s,box-shadow .22s,background .22s;width:170px}.tm-album:hover{background:#ffffff0f;box-shadow:0 12px 30px #00000073;transform:translateY(-6px)}.tm-album.active{background:linear-gradient(180deg,#ffffff0f,#ffffff05);box-shadow:0 14px 36px #00000080}.tm-album-art{border-radius:12px;height:140px;margin:0 auto;overflow:hidden;width:140px}.tm-album-art img{display:block;height:100%;object-fit:cover;width:100%}.tm-album-title{color:#fff;font-size:14px;font-weight:700;margin-top:10px}.tm-album-artist{color:#d9cbd9;font-size:12px;margin-top:4px}.tm-player-wrapper{display:flex;justify-content:center;margin-top:24px}.tm-player{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border-radius:36px;box-shadow:0 10px 30px #00000080;gap:18px;padding:14px 18px;width:780px}.tm-left,.tm-player{align-items:center;display:flex}.tm-left{flex:1 1 280px;gap:12px;padding-left:4px}.tm-left-meta{display:flex;flex-direction:column}.tm-left-title{color:#fff;font-size:16px;font-weight:700}.tm-left-artist{color:#e6d6e6;font-size:12px;margin-top:4px}.tm-center{align-items:center;display:flex;flex:0 0 220px;gap:12px;justify-content:center}.tm-btn{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:8px 12px}.tm-btn:hover{background:#ffffff0a;transform:translateY(-2px)}.tm-play{background:linear-gradient(90deg,#ff6fcf,#bb63f1);border-radius:10px;box-shadow:0 6px 18px #bb63f11f;font-size:20px;padding:10px 14px}.tm-right{align-items:center;display:flex;flex:0 0 360px;gap:12px;justify-content:flex-end}.tm-times{color:#e8e1e8;font-size:12px;text-align:center;width:40px}.tm-progress{align-items:center;display:flex;flex:1 1 auto;padding:0 6px}.tm-bar{background:#ffffff1f;border-radius:6px;cursor:pointer;flex:1 1;height:6px;overflow:hidden;position:relative}.tm-bar-fill{background:linear-gradient(90deg,#fff,#ffd4ff);border-radius:6px;box-shadow:inset 0 6px 18px #ffc8ff0a;height:100%;transition:width .08s linear;width:0}.tm-expand{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:6px 8px}.tm-expand:hover{background:#ffffff0a;transform:translateY(-2px)}@media (max-width:980px){.tm-container{gap:20px;grid-template-columns:1fr;width:95%}.tm-sidebar{order:2}.tm-player{width:100%}.tm-center,.tm-right{flex:1 1 auto}.tm-left{display:none}}.about-section{align-items:center;display:flex;justify-content:center;padding:60px 0;width:100%}.about-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at center,#9c006f 0,#2a001f 70%);border-radius:20px;box-shadow:0 15px 50px #00000040;display:flex;gap:35px;justify-content:space-between;max-width:1100px;padding:50px 60px;width:80%}.about-text h2{color:#fff;font-size:56px;font-weight:800;margin-bottom:18px}.about-text p{color:#ffffffd9;font-size:15px;line-height:1.55;max-width:500px}.about-image img{animation:float 3s ease-in-out infinite;height:auto;width:300px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:900px){.about-container{flex-direction:column;padding:40px 30px;text-align:center}.about-text h2{font-size:38px}.about-image img{width:220px}}.contact-footer{background:radial-gradient(circle at center,#9c006f 0,#2a001f 70%);box-shadow:0 -10px 40px #0006;position:relative;width:100%;z-index:9999}.footer-container{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;margin:auto;max-width:1200px;padding:30px 20px 15px}body,html{overflow-x:hidden}.footer-brand img{height:140px;object-fit:contain}.footer-links{display:flex;flex-wrap:wrap;gap:60px}.footer-column h4{color:#fff;font-size:16px;margin-bottom:12px}.footer-column a{color:#e4cbe0;display:block;font-size:14px;margin-bottom:8px;text-decoration:none;transition:.3s ease}.footer-column a:hover{color:#ff4fc3}.footer-right{align-items:flex-end;display:flex;flex-direction:column;text-align:right;width:320px}.signup-btn{background-color:#6f285b;border:none;border-radius:8px;color:#fff!important;cursor:pointer;font-size:14px;margin-bottom:20px;margin-top:13px;padding:10px 26px;transition:.3s ease;white-space:nowrap}.signup-btn:hover{background-color:#ff4fc3}.footer-right p{color:#e0cfdc;font-size:13px;line-height:1.5;margin:0 0 14px}.social-icons{font-size:18px;gap:14px;justify-content:flex-end}.social-icons i{cursor:pointer;transition:.3s ease}.social-icons i:hover{color:#ff4fc3}.footer-bottom{border-top:1px solid #ffffff26;color:#ccc;display:flex;flex-wrap:wrap;font-size:12px;gap:10px;justify-content:space-between;margin:12px auto 0;max-width:1200px;padding:15px 20px}@media (max-width:768px){body{padding-bottom:260px}.footer-container{flex-direction:column;gap:30px}.footer-container,.footer-right{align-items:center;text-align:center}.footer-right{width:100%}.social-icons{justify-content:center}.footer-bottom{align-items:center;flex-direction:column;text-align:center}}*{font-family:Poppins,sans-serif}body{background-color:#0d0613}.admin-page{background:radial-gradient(circle at 20% 20%,#c749ff40,#0000 40%),radial-gradient(circle at 80% 30%,#ff5abd33,#0000 45%),linear-gradient(180deg,#2a0b2f,#3b103f 40%,#6a1b74 70%,#c13599);color:#fff;min-height:100vh;overflow:hidden;position:relative;width:100%}.admin-page:after,.admin-page:before{background:#ba48ff40;border-radius:50%;content:"";filter:blur(140px);height:400px;position:absolute;width:400px;z-index:0}.admin-page:before{left:-120px;top:-120px}.admin-page:after{bottom:-140px;right:-140px}.admin-header{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:space-between;padding:20px 60px;position:relative;z-index:2}.admin-logo{filter:drop-shadow(0 0 12px rgba(255,120,255,.4));height:auto;width:160px}.header-login-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000;border:1px solid #ffffff26;border-radius:999px;color:#fff;cursor:pointer;font-size:14px;padding:8px 24px;transition:all .3s ease}.header-login-btn:hover{background:linear-gradient(135deg,#d25eff40,#ff5ecc40);border-color:#ffffff4d}.admin-hero{background:none;border:none;box-shadow:none;max-width:520px;padding:0;position:absolute;right:100px;top:50%;transform:translateY(-50%);z-index:2}.admin-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff,#e8c9ff);-webkit-background-clip:text;font-size:58px;font-weight:700;letter-spacing:1px;line-height:1.05;margin-bottom:20px}.admin-hero p{color:#ffffffb3;font-size:14px;line-height:1.7;margin-bottom:30px}.hero-login-btn{background:linear-gradient(135deg,#d96bff,#a937e1 40%,#ff4fd8);border:none;border-radius:16px;box-shadow:0 20px 45px #d96bff73,0 0 0 #fff3;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.4px;padding:14px 46px;position:relative;transition:all .25s ease}.hero-login-btn:hover{box-shadow:0 30px 80px #ff4fd899,0 0 20px #ff8cffb3;transform:translateY(-3px) scale(1.02)}.hero-login-btn:active{transform:scale(.96)}.login-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a020fb3;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.login-popup{background:linear-gradient(180deg,#2d0b32,#4a1453);border:1px solid #ffffff1f;border-radius:22px;box-shadow:0 30px 90px #0009;padding:40px 30px;text-align:center;width:360px}.login-popup h2{color:#fff;font-size:22px;letter-spacing:2px;margin-bottom:10px}.login-popup p{color:#ffffffa6;font-size:12px;margin-bottom:26px}.login-popup input{background:#0000;border:1px solid #ffffff40;border-radius:10px;color:#fff;font-size:13px;margin-bottom:14px;outline:none;padding:12px 16px;width:100%}.login-popup input::placeholder{color:#fff9}.popup-login-btn{background:linear-gradient(90deg,#ff3cac,#784ba0,#2b86c5);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;margin-top:12px;padding:14px;transition:.2s ease;width:100%}.popup-login-btn:hover{box-shadow:0 10px 30px #d16fff80;transform:translateY(-2px)}:root{--bg1:#2a0b2f;--bg2:#3b103f;--accent:#c13599;--muted:#ffffff2e}.admin-dashboard{background:radial-gradient(circle at 20% 20%,#c749ff0f,#0000 20%),linear-gradient(180deg,#3b103f,#6a1b74);color:#fff;display:flex;font-family:Poppins,sans-serif;min-height:100vh}.top-cards{align-items:flex-start;grid-template-columns:1fr 320px}.artist-card-top,.card{background:linear-gradient(180deg,#ffffff08,#0000000f);border:1px solid #ffffff08;border-radius:14px;box-shadow:0 18px 32px #00000073,inset 0 2px 0 #ffffff05;padding:18px}.artist-card-top{margin-top:-4px}.card-title{color:#f0d5f4;font-size:18px;font-weight:700;margin-bottom:12px}.music-list{display:flex;flex-direction:column;gap:14px}.music-item{background:linear-gradient(180deg,#00000014,#ffffff05);border-radius:12px;box-shadow:0 10px 20px #00000059;justify-content:space-between;min-height:70px;padding:14px}.music-item,.music-left{align-items:center;display:flex}.music-left{gap:14px}.music-cover{background:#2a2a2a;border:2px solid #ffffff1f;border-radius:8px;height:60px!important;max-height:60px!important;max-width:60px!important;min-height:60px!important;min-width:60px!important;object-fit:cover;width:60px!important}.music-meta{display:flex;flex-direction:column;justify-content:center}.music-title{color:#fff;font-size:16px;font-weight:700}.music-artist{color:#ffffffa6;font-size:13px;margin-top:2px}.music-right{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.genre-pill{background:#b4489d;border-radius:6px;box-shadow:0 8px 18px #a43bb347;color:#fff;font-size:12px;font-weight:700;padding:6px 10px}.music-actions{display:flex;gap:12px}.icon-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:20px;opacity:.8;transition:.2s}.icon-btn:hover{opacity:1;transform:scale(1.1)}.card-footer{display:flex;justify-content:center;margin-top:14px}.primary-btn{background:linear-gradient(180deg,#ff40b0,#b81cb3);border:none;border-radius:10px;box-shadow:0 14px 40px #b81cb347;color:#fff;cursor:pointer;font-weight:700;padding:10px 18px}.artist-list-right{display:flex;flex-direction:column;gap:16px}.artist-item{background:linear-gradient(180deg,#00000014,#ffffff05);border-radius:16px;box-shadow:0 12px 28px #00000052;gap:18px;min-height:85px;padding:10px;width:100%}.artist-avatar{border:2px solid #ffffff1f;border-radius:12px;height:50px;min-height:50px;min-width:50px;width:50px}.artist-meta{display:flex;flex-direction:column;justify-content:center}.artist-name{color:#fff;font-size:15px!important;font-weight:700}.artist-loc{color:#ffffffbf;font-size:13px}.bottom-cards{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:420px 1fr;margin-top:32px}.revenue-card{height:190px;padding:20px;position:relative}.chart-placeholder{background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:12px;height:120px;margin-top:14px;position:relative}.chart-graph{background:linear-gradient(180deg,#ffffff08,#0000000d);border-radius:10px;inset:12px;position:absolute}.chart-badge{align-items:center;background:linear-gradient(180deg,#fff,#f0d5ff);border-radius:50%;box-shadow:0 10px 26px #00000059;color:#2b0b2b;display:flex;font-weight:800;height:56px;justify-content:center;position:absolute;right:14px;top:14px;width:56px}.stats-row{align-items:stretch;display:flex;gap:18px;justify-content:flex-start;padding-left:12px}.stat-card{background:linear-gradient(180deg,hsla(0,0%,100%,.025),rgba(237,17,17,.162));border-radius:14px;box-shadow:0 18px 30px #00000059;min-width:160px;padding:24px;text-align:center}.stat-value{color:#f0d5f4;font-size:28px;font-weight:800;margin-bottom:6px}.stat-label{color:#fff;font-size:16px;font-weight:700;margin-bottom:8px}.stat-sub{color:#fff9;font-size:12px}@media (max-width:1000px){.bottom-cards,.top-cards{grid-template-columns:1fr}.left-nav{display:none}.dashboard-main{padding:28px}}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.popup-container{animation:popupFade .25s ease forwards;background:#6a005d;border-radius:26px;box-shadow:0 0 18px #00000059;color:#fff;padding:32px;transform:scale(.95);width:600px}@keyframes popupFade{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(.95)}}.popup-title{font-size:32px;font-weight:700;margin-bottom:22px}.label{display:block;font-size:18px;font-weight:600;margin-bottom:8px}.input-wrapper{align-items:center;background:#0000;border:2px solid #ffffff59;border-radius:10px;display:flex;margin-bottom:20px;padding:11px 14px;position:relative;width:100%}.input-wrapper input{background:#0000;border:none;color:#fff;font-size:15px;outline:none;width:100%}.icon-right{font-size:20px;opacity:.7;position:absolute;right:14px}.icon-left{font-size:20px;margin-right:10px}.upload{cursor:pointer;position:relative}.upload span{color:#fffc}.file-input{cursor:pointer;inset:0;opacity:0;position:absolute;width:100%}.textarea{background:#0000;border:2px solid #ffffff59;border-radius:10px;color:#fff;font-size:16px;height:160px;outline:none;padding:12px;width:100%}.row{display:flex;gap:26px}.col{flex:1 1}.btn-row{display:flex;justify-content:space-between;margin-top:26px}.addmusic-btn,.cancel-btn{border:none;border-radius:12px;cursor:pointer;font-size:17px;font-weight:600;padding:12px;width:160px}.cancel-btn{background:#c817be;color:#fff}.addmusic-btn{background:#f02bd1;color:#fff}.popup-container.small{border-radius:22px;padding:30px;width:500px}.popup-container.small .small-btn{border-radius:8px;font-size:14px;padding:10px}.artistlist-container{background:#f7f7f7;display:flex;height:100vh;width:100%}.artist-main{flex:1 1;padding:40px}.purple1,.purple2{cursor:pointer}.artistlist-container,.musiclist-container{background:#f7f7f7;display:flex;height:100vh;width:100%}.left-nav{align-items:flex-start;background:#6e114b;box-shadow:8px 0 40px #00000059;display:flex;flex-direction:column;gap:24px;padding:5px 22px;width:220px}.nav-logo{filter:drop-shadow(0 6px 20px rgba(0,0,0,.5));height:auto;width:160px}.nav-links{display:flex;flex-direction:column;gap:18px;width:100%}.nav-link{background:#0000;border:none;color:#f7dff7;cursor:pointer;font-size:18px;font-weight:600;opacity:.95;padding:8px 0;text-align:left;text-decoration:none}.nav-link.active{color:#fff;font-size:20px}.dashboard-main{flex:1 1;padding:36px 48px;position:relative}.dashboard-header h3{color:#ffffffe6;font-size:18px;font-weight:600;margin-bottom:22px}.artist-main,.music-main{flex:1 1;padding:40px}.top-stats{display:flex;gap:20px}.stat-box{background:#fff;border-radius:20px;color:#fff;flex:1 1;padding:25px;text-align:center}.purple1{background:#b84a9a}.purple2{background:#840061}.stat-title{font-size:18px}.stat-value{font-size:48px;margin:15px 0}.stat-line{background:#ffffff80;height:2px;margin:0 auto;width:80%}.artist-card,.card,.music-card{background:#7b005a;border-radius:25px;color:#fff;margin-top:40px;padding:25px}.artist-card-header,.card-header,.music-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.playlist-btn{background:#c15aad;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:8px 15px}.top-cards{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:1fr 360px;margin-bottom:20px}.artist-card-left,.music-card-left{background:#7b005a;border-radius:25px;color:#fff;padding:25px}.artist-card-right,.music-card-right{background:linear-gradient(180deg,#ff4fa8,#ff2e7a);border-radius:20px;box-shadow:0 12px 40px #ff2f781f;color:#fff;padding:20px}.artist-card-right .card-header,.music-card-right .card-header{margin-bottom:12px}.artist-grid,.music-grid{grid-row-gap:25px;grid-column-gap:50px;column-gap:50px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:25px}.artist-item,.music-item{align-items:center;display:flex;gap:15px}.artist-avatar,.music-avatar{border-radius:50%;height:60px;object-fit:cover;width:60px}.artist-name,.music-name{font-size:17px}.empty-text{color:#ddd}.playlist-btn.small{font-size:14px;padding:6px 12px}.artist-card{background:#7b005a;border-radius:25px;color:#fff;margin-top:40px;padding:25px}.artist-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.artist-grid{grid-row-gap:25px;grid-column-gap:50px;column-gap:50px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:25px}.artist-item{align-items:center;display:flex;gap:15px}.artist-avatar{height:60px;object-fit:cover;width:60px}.artist-name{font-size:17px}@media (max-width:1100px){.top-cards{grid-template-columns:1fr 320px}}@media (max-width:900px){.left-nav{display:none}.artist-main,.music-main{padding:20px}.top-cards{grid-template-columns:1fr}.artist-card-right,.music-card-right{order:2}.artist-card-left,.music-card-left{order:1}.artist-grid,.music-grid{column-gap:20px;grid-template-columns:repeat(2,1fr)}}.signup-container{display:flex;font-family:Poppins,sans-serif;height:100vh;overflow:hidden;width:100%}.signup-left{background-image:url(/static/media/SignUpBackground.f376803fd26187fadb7e.png);background-position:50%;background-size:cover;height:100%;position:relative;width:53%}.signup-logo{align-items:center;display:flex;left:10px;position:absolute;top:10px}.signup-logo img{width:220px}.signup-right{align-items:center;background:linear-gradient(180deg,#210027,#120016);display:flex;height:100%;justify-content:center;width:57%}.signup-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff0f;border:1px solid #ffffff26;border-radius:18px;box-shadow:0 15px 45px #000000a6;color:#fff;margin-bottom:30px;margin-top:30px;padding:28px 22px;text-align:center;width:320px}.signup-card h2{font-size:24px;font-weight:600;margin-bottom:4px}.signup-card p{color:#bdbdbd;font-size:13px;margin-bottom:18px}.signup-card input{background:#0000;border:1px solid #fff6;border-radius:8px;color:#fff;font-size:13px;margin:8px 0;outline:none;padding:10px;width:90%}.signup-card input::placeholder{color:#d4d4d4}.btn-signup{background:linear-gradient(90deg,#ff3cac,#784ba0,#2b86c5);border:none;border-radius:9px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:11px;transition:.3s;width:90%}.btn-signup:hover{transform:scale(1.03)}.signup-divider{align-items:center;display:flex;margin:20px 0}.signup-divider span{background:#555;flex:1 1;height:1px}.signup-divider p{color:#ccc;font-size:13px;margin:0 10px}.social-icons{display:flex;gap:18px;justify-content:center;margin-bottom:15px}.social-icons img{cursor:pointer;transition:.2s;width:40px}.social-icons img:hover{transform:scale(1.1)}.login-text{color:#ccc;font-size:13px;margin-top:3px}.login-text a{color:#ff3cac;text-decoration:none}.input-group{margin:8px auto;position:relative;width:90%}.signup-card .input-group input{margin:0;width:100%}.toggle-password{color:#d4d4d4;cursor:pointer;font-size:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:10}*{font-family:Inter,sans-serif}body{background:linear-gradient(#161423,#48155a)}.home-root{min-height:100vh;padding:20px 28px 110px}.home-container{grid-gap:22px;align-items:flex-start;display:grid;gap:22px;grid-template-columns:300px minmax(600px,1fr) 280px}.left-col{display:flex;flex-direction:column;gap:18px}.menu-card{background:#ffffff0a;border-radius:20px;box-shadow:0 10px 30px #00000073;padding:18px}.menu-list{display:flex;flex-direction:column;gap:14px;list-style:none}.menu-item{font-size:15px;gap:10px;opacity:.7}.menu-item:hover{opacity:.85;transform:translateX(4px);transition:.2s ease}.menu-item.active{font-weight:700;opacity:1}.library-card.new-library{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#ffffff08,hsla(0,0%,100%,.015));border-radius:20px;box-shadow:0 12px 36px #00000073;display:flex;flex-direction:column;gap:12px;padding:16px}.lib-top{align-items:center;display:flex;justify-content:space-between}.lib-header{color:#fff;font-size:15px;font-weight:800}.lib-search{background:#ffffff08;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:8px}.lib-tabs{display:flex;gap:8px}.lib-tab{background:#ffffff08;border:none;border-radius:999px;color:#f1e8f4;cursor:pointer;font-size:12px;padding:6px 10px}.lib-tab.active{background:linear-gradient(90deg,#ff6fcf,#7a5bde);color:#fff;font-weight:700}.lib-list{display:flex;flex-direction:column;gap:10px;list-style:none;padding:6px 0}.lib-item{align-items:center;border-radius:12px;display:flex;gap:12px;padding:8px}.lib-item:hover{background:#ffffff05}.lib-thumb{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;width:44px}.lib-thumb img{height:100%;object-fit:cover;width:100%}.lib-meta .lib-title{font-size:13px;font-weight:700}.lib-meta .lib-sub{color:#fff9;font-size:12px}.new-playlist-btn{background:linear-gradient(90deg,#ff6fcf,#7a5bde);border-radius:999px;color:#fff;margin-top:6px;padding:9px}.center-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#ffffff08,#ffffff05);border-radius:22px;box-shadow:0 18px 48px #0000008c;display:flex;flex-direction:column;gap:28px;margin:0 auto 0 20px;max-width:760px;padding:20px;width:100%}.search-row{align-items:center;display:flex;gap:15px;justify-content:space-between}.search-input{background:hsla(0,0%,100%,.035);border:none;border-radius:20px;flex:1 1;height:40px;padding:12px 16px}.search-right{align-items:center;display:flex;gap:12px}.filter-btn{background:#ffffff0a;border:none;border-radius:10px;color:#fff;height:40px;padding:10px 12px;width:40px}.section-head{align-items:center;display:flex;justify-content:space-between}.section-title{font-size:17px;font-weight:800}.show-all{color:#ffffffa6;cursor:pointer;font-size:13px;transition:.2s}.show-all:hover{color:#fff}.user-avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}.user-avatar img{height:100%;object-fit:cover;width:100%}.top-tabs{display:flex;gap:15px;margin:px 0 25px}.top-tab{background:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;opacity:.8;padding:6px 16px}.top-tab.active{font-weight:600;opacity:1}.artist-list{align-items:center;display:flex;gap:16px;margin-top:18px}.artist-avatar{border-radius:50%;cursor:pointer;flex-shrink:0;height:65px;overflow:hidden;width:65px}.artist-avatar img{height:100%;object-fit:cover;width:100%}.music-cards{grid-gap:14px;display:grid;gap:14px}.grid-4{grid-template-columns:repeat(4,1fr)}.music-card{background:linear-gradient(180deg,#ffffff05,#ffffff03);padding:8px;transition:transform .18s}.music-card img{border-radius:10px;height:110px}.music-meta{margin-top:6px}.music-meta h4{font-size:13px}.music-meta p{color:#fff9;font-size:11px}.search-big-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.search-big-card{background:#000;border-radius:16px;cursor:pointer;height:190px;overflow:hidden;position:relative;transition:transform .35s ease,box-shadow .35s ease}.search-big-card img{height:100%;object-fit:cover;transition:transform .4s ease,filter .4s ease;width:100%}.search-big-card:hover{box-shadow:0 20px 40px #00000059;transform:translateY(-6px) scale(1.01)}.search-big-card:hover img{filter:brightness(1.1);transform:scale(1.08)}.search-badge{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:999px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:6px;left:12px;padding:6px 12px;position:absolute;top:12px}.search-big-card:after{background:linear-gradient(180deg,#00000040,#0006);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.search-big-card:hover:after{opacity:1}.artists-all{animation:fadeIn .3s ease;padding:20px}.artists-all .section-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.artists-all .section-title{color:#fff;font-size:22px;font-weight:600}.artists-all .show-all{color:#c7c7c7;font-size:14px}.music-cards.grid-4{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.music-card{background:#ffffff08;border-radius:14px;padding:18px 10px 14px;text-align:center;transition:.25s}.music-card:hover{background:#ffffff14;transform:translateY(-3px)}.artists-all .music-card img{border-radius:50%;display:block;height:100px;margin:0 auto 12px;object-fit:cover;width:100px}.music-card .music-meta h4{color:#fff;font-size:16px;font-weight:500}.music-card .music-meta p{color:#c7c7c7;font-size:13px;margin-top:3px}.right-card{background:linear-gradient(180deg,#f10e0e0a,#ffffff05);border-radius:20px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:-42px;padding:18px}.right-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.right-header h3{font-size:16px;font-weight:800}.right-header span{cursor:pointer;font-size:13px;opacity:.7}.right-header span:hover{opacity:1}.right-list{display:flex;flex-direction:column;gap:10px;list-style:none}.right-item{align-items:center;background:#ffffff05;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:15px}.right-item img{border-radius:8px;height:42px;object-fit:cover;width:42px}.right-item p{font-size:13px;font-weight:600}.right-item small{color:#ffffffa6;font-size:11px}.right-item .heart{cursor:pointer;font-size:20px;margin-left:auto;transition:.2s}.right-item .heart:hover{transform:scale(1.2)}.right-item .heart.loved{color:#fff}.home-player-wrap{bottom:20px;left:50%;max-width:1000px;pointer-events:none;position:fixed;transform:translateX(-50%);width:72%;z-index:999}.home-player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#321446f2,#1e0a32f2);border-radius:20px;box-shadow:0 12px 35px #0009;justify-content:space-between;padding:10px 18px;pointer-events:auto}.home-player,.hp-left{align-items:center;display:flex}.hp-left{gap:12px}.hp-left img{border-radius:10px;height:44px;object-fit:cover;width:44px}.hp-meta{display:flex;flex-direction:column}.hp-meta h4{font-size:13px;font-weight:700;margin-bottom:2px}.hp-meta p{font-size:11px;opacity:.6}.hp-controls{align-items:center;display:flex;gap:14px}.hp-controls button{background:none;border:none;color:#fff;cursor:pointer;font-size:17px;opacity:.9;transition:.2s}.hp-controls button:hover{opacity:1;transform:scale(1.1)}.hp-progress{align-items:center;display:flex;gap:10px}.hp-progress small{font-size:10px;opacity:.6}.hp-progress .bar{background:#ffffff14;border-radius:10px;height:5px;overflow:hidden;width:220px}.fill{background:linear-gradient(90deg,#ff6fcf,#7a5bde);height:100%;width:40%}.recently-artists{display:flex;gap:50px;justify-content:flex-start;padding:10px 0 30px}.recently-artist-avatar{align-items:center;display:flex;flex-direction:column}.recently-artist-avatar img{border-radius:50%;box-shadow:0 10px 20px #0006;height:137px;object-fit:cover;transition:transform .3s ease;width:137px}.recently-artist-avatar:hover img{transform:scale(1.08)}.recently-artist-avatar p{font-size:15px;font-weight:600;margin-top:14px;text-align:center}.recently-view{animation:fadeIn .3s ease}.recently-view .artist-list{display:flex;gap:16px;margin-top:12px}.recently-view{animation:fadeIn .35s ease;gap:28px}.recently-list,.recently-view{display:flex;flex-direction:column}.recently-list{gap:24px;margin-top:10px}.recent-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:70px 1fr 50px 40px}.recent-cover{border-radius:14px;height:65px;width:65px}.recent-meta h4{font-size:16px;margin:0}.recent-meta p{font-size:13px;margin-top:4px;opacity:.7}.recent-duration{font-size:14px;opacity:.8;text-align:right}.recent-row .heart{cursor:pointer;font-size:20px;text-align:right;transition:.2s}.recent-row .heart:hover{transform:scale(1.2)}.recent-row .heart.loved{color:#fff}.right-card.recently-mode{animation:fadeIn .25s ease;display:flex;flex-direction:column;gap:18px}@media (max-width:900px){.home-player-wrap{width:92%}.hp-progress .bar{width:120px}.hp-meta h4{font-size:12px}.hp-meta p{font-size:10px}}@media (max-width:1100px){.home-container{grid-template-columns:200px 1fr}.right-col{display:none}}.home-root .right-card.recently-active{background:linear-gradient(180deg,#ffffff08,#ffffff05);border:1px solid #e209090d;height:calc(100vh - 80px);overflow-y:auto}.right-recently-header{margin-bottom:14px}.right-recently-header,.right-recently-meta{align-items:center;display:flex;justify-content:space-between}.right-recently-meta{margin-bottom:12px;margin-top:16px}.right-recently-cover{border-radius:18px;object-fit:cover}.right-recently-text h4{font-size:16px;font-weight:600;margin:0}.right-recently-text p{color:#fff9;font-size:13px;margin:4px 0 0}.right-recently-play{align-items:center;background:#fff;border:none;border-radius:10px;color:#4a3a6a;cursor:pointer;display:flex;height:38px;justify-content:center;width:38px}.right-divider{background:linear-gradient(90deg,#fff0,#ffffff80,#fff0);height:1px;margin:16px 0 18px;width:100%}.home-root .center-card .recently-all .music-cards{gap:22px}.home-root .center-card .recently-all .music-card{background:#181818;border-radius:16px;padding:10px;transition:all .25s ease}.home-root .center-card .recently-all .music-card:hover{background:#202020;transform:translateY(-6px)}.home-root .recently-all .music-card img{border-radius:12px;height:180px;object-fit:cover}.right-card.recently-active ul.right-list{margin-top:20px}.right-card.recently-active .right-item{border-radius:12px;padding:10px;transition:all .2s ease}.right-card.recently-active .right-item:hover{background:#1e1e1e}.center-card section,.right-card{animation:fadeUp .35s ease}.artist-detail-page{padding:20px 24px}.artist-detail-header{margin-bottom:10px}.artist-back-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:15px}.artist-detail-top{align-items:center;display:flex;gap:20px;margin-top:-10px}.artist-detail-avatar{border-radius:50%;height:120px;object-fit:cover;width:120px}.artist-detail-info{flex:1 1}.about-label{font-size:12px;opacity:.7}.artist-name{font-size:28px;margin:4px 0 10px}.artist-stats{align-items:center;display:flex;font-size:14px;gap:12px;margin-bottom:10px}.follow-btn{background:#ffffff26;border:1px solid #fff;border-radius:20px;color:#fff;cursor:pointer;padding:6px 16px}.artist-bio{font-size:13px;line-height:1.6;opacity:.8}.artist-divider{background:#ffffff26;border:none;height:1px;margin:20px 0}.artist-music-section h3{margin-bottom:14px}.artist-song-row{grid-gap:12px;align-items:center;border-bottom:1px solid #ffffff0f;cursor:pointer;display:grid;gap:12px;grid-template-columns:24px 50px 1fr auto;padding:10px 0}.song-index{opacity:.6}.artist-song-row img{border-radius:10px;height:46px;object-fit:cover;width:46px}.song-info h4{font-size:14px;margin-bottom:4px}.song-info p{font-size:12px;opacity:.6}.song-right{align-items:center;display:flex;gap:14px}.song-plays{font-size:12px;opacity:.6}.heart-icon,.menu-icon{font-size:18px;opacity:.7}.full-player-page{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%);background:linear-gradient(145deg,#ffffff0f,#00000040);border:1px solid #ffffff0f;border-radius:26px;box-shadow:0 25px 60px #0000008c,inset 0 1px 0 #ffffff08;display:flex;flex-direction:column;gap:18px;margin:0 auto;max-width:520px;padding:16px 18px 20px;width:100%}.full-player-banner{background:radial-gradient(circle at top,#ffffff0f,#0006);border:1px solid #ffffff0a;border-radius:24px;box-shadow:0 25px 60px #00000080;display:flex;justify-content:center;max-width:480px;overflow:hidden;padding:12px;position:relative;width:100%}.full-player-banner img{border-radius:18px;height:auto;max-width:440px;object-fit:contain;transition:transform .5s ease,filter .5s ease;width:100%}.full-player-banner:hover img{filter:brightness(1.08) saturate(1.05);transform:scale(1.025)}.full-player-banner:after{border-radius:24px;box-shadow:inset 0 0 60px #785aff0a;content:"";inset:0;pointer-events:none;position:absolute}.full-player-controls{-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%);background:linear-gradient(145deg,#ffffff14,rgba(147,143,177,.216));border:1px solid #ffffff0f;border-radius:22px;box-shadow:0 20px 50px #00000073,inset 0 1px 0 #fff0;max-width:480px;padding:16px 18px 18px;width:100%}.full-player-controls h3{font-size:16px;font-weight:600;letter-spacing:.2px;margin-bottom:2px}.full-player-controls p{font-size:13px;opacity:.75}.controls-row{display:flex;gap:20px;justify-content:center;margin:12px 0 10px}.controls-row button{background:linear-gradient(145deg,#ffffff1f,hsla(0,0%,100%,.145));border:1px solid #ffffff14;border-radius:50%;cursor:pointer;font-size:18px;height:44px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;width:44px}.controls-row button:hover{background:linear-gradient(90deg,#ff6fcf,#7a5bde);box-shadow:0 0 18px #785aff40;transform:scale(1.14)}.progress-row{align-items:center;display:flex;font-size:11px;gap:12px}.progress-row .bar{background:#ffffff1f;border-radius:999px;flex:1 1;height:5px;overflow:hidden}.progress-row .fill{background:linear-gradient(90deg,#fff,#bfaaff);border-radius:999px;box-shadow:0 0 8px #b496ff66;height:100%;transition:width .25s ease}.close-player{background:linear-gradient(90deg,#ff6fcf,#7a5bde);border:1px solid #ffffff0f;border-radius:999px;cursor:pointer;font-size:13px;letter-spacing:.2px;margin-top:12px;padding:12px;transition:all .25s ease;width:100%}.close-player:hover{background:linear-gradient(145deg,#785aff2e,#00000059);box-shadow:0 10px 25px #785aff33;transform:translateY(-1px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.recent-search-popup{animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#191729e0;border-radius:20px;box-shadow:0 20px 40px #00000073;left:50%;max-height:360px;padding:16px;position:absolute;top:70px;transform:translateX(-50%);width:280px;z-index:99}.recent-search-popup h4{color:#fff;font-size:14px;margin-bottom:10px;opacity:.9}.recent-search-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:8px;transition:background .2s ease}.recent-search-item:hover{background:#ffffff14}.recent-search-item img{border-radius:10px;height:44px;object-fit:cover;width:44px}.recent-search-item h5{font-size:13px;margin:0}.recent-search-item p{font-size:11px;margin:0;opacity:.6}.empty-search{font-size:12px;opacity:.6;text-align:center}.search-result-page{animation:fadeIn .3s ease}.search-title{margin-bottom:12px}.no-result{font-size:14px;opacity:.6}.search-results-global{display:flex;flex-direction:row;gap:16px;grid-template-rows:repeat(4,1fr)}.search-title{font-size:18px;font-weight:600}.search-results-global .music-card{cursor:pointer}@media (max-width:1024px){.search-results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.search-results-grid{grid-template-columns:repeat(1,1fr)}}.recently-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.recently-popup-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#5a5a6e59;border-radius:22px;box-shadow:0 20px 40px #0006;max-height:520px;overflow-y:auto;padding:16px 14px;width:320px}.recently-popup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.recently-popup-header h3{color:#fff;font-size:16px;font-weight:600}.recently-popup-header span{color:#cfcfff;cursor:pointer;font-size:12px}.recently-popup-list{display:flex;flex-direction:column;gap:10px}.recent-row{align-items:center;border-radius:14px;cursor:pointer;display:flex;gap:10px;padding:6px;transition:.2s ease}.recent-row:hover{background:#ffffff14}.recent-cover{border-radius:10px;height:46px;object-fit:cover;width:46px}.recent-meta{display:flex;flex:1 1;flex-direction:column}.recent-meta h4{color:#fff;font-size:13px;font-weight:600}.recent-meta p{color:#cfcfcf;font-size:11px}.heart{color:#fff;font-size:18px;opacity:.7;transition:.2s ease}.heart:hover{transform:scale(1.15)}.heart.loved{color:#ff5fa2}.recently-popup-card::-webkit-scrollbar{width:6px}.recently-popup-card::-webkit-scrollbar-track{background:#0000}.recently-popup-card::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffffff59,#ffffff1f);border-radius:10px}.recently-popup-card::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffffff8c,#ffffff40)}.recent-search-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.clear-recent-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:none;border-radius:999px;color:#e2e2e2;cursor:pointer;display:block;font-size:12px;font-weight:500;margin-left:auto;margin-right:auto;margin-top:12px;padding:6px 14px;transition:all .2s ease}.clear-recent-btn:hover{background:#ffffff40;color:#fff;transform:scale(1.03)}.clear-recent-btn:active{transform:scale(.96)}.center-card .artist-list,.recently-view .artist-list,.search-page .artist-list,.top-artist .artist-list{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-wrap:nowrap!important;gap:16px;margin-top:18px;overflow-x:auto}.center-card .artist-list>.artist-avatar,.recently-view .artist-list>.artist-avatar,.top-artist .artist-list>.artist-avatar{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 auto;height:65px;justify-content:center;min-width:65px;overflow:hidden;width:65px}.center-card .artist-list .artist-avatar img,.recently-view .artist-list .artist-avatar img,.top-artist .artist-list .artist-avatar img{display:block;height:100%;object-fit:cover;width:100%}.center-card .artist-list>*{min-width:0}:root{--bg-base-color:#120c1f;--glass-bg:#ffffff0d;--text-primary:#fff;--text-secondary:#d1d1d1}body{background-attachment:fixed;background-color:#120c1f;background-color:var(--bg-base-color);background-image:linear-gradient(180deg,#402fa34f,#48155af0);background-image:var(--bg-gradient);background-repeat:no-repeat;color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;height:100vh;overflow:hidden}.app-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:280px 1fr 300px;grid-template-rows:1fr 100px;height:100vh;padding:20px;width:100vw}.sidebar-left{grid-row:1/span 2}.nav-menu{background:var(--glass-bg);gap:5px}.nav-item{color:var(--text-secondary);font-size:15px;padding:10px 0}.nav-item:hover{color:var(--text-primary);opacity:1}.nav-item svg{font-size:20px}.library-menu{background:var(--glass-bg)}.library-header{color:var(--text-secondary)}.library-header svg{cursor:pointer}.tags{-ms-overflow-style:none;flex-wrap:nowrap;scrollbar-width:none}.tag{flex-shrink:0;padding:6px 12px;transition:.2s}.tag:hover{background:#fff3}.tag.active{color:#120c1f;font-weight:600}.playlist-list{gap:15px}.playlist-item{gap:15px;padding:8px}.playlist-cover{height:52px;min-width:52px;width:52px}.playlist-info h4{margin-bottom:4px;max-width:160px}.new-playlist-btn{font-size:14px;transition:transform .2s}.main-content{background:#ffffff0d;background:var(--glass-bg);grid-row:1}.search-bar-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px 30px 0}.search-input-wrapper svg{color:#d1d1d1;color:var(--text-secondary);left:15px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#ffffff14;border:1px solid #ffffff1a;border-radius:30px;color:#fff;font-size:14px;outline:none;padding:14px 14px 14px 45px;width:100%}.search-input:focus{background:#ffffff26;border-color:#ffffff4d}.profile-header{align-items:center;display:flex;gap:30px;margin-bottom:40px;padding:0 30px}.avatar-large{border:4px solid #ffffff1a;border-radius:50%;box-shadow:0 8px 32px #0006;height:180px;min-width:180px;object-fit:cover;width:180px}.profile-details h2{font-size:16px;font-weight:500;margin-bottom:5px;opacity:.9}.profile-name{cursor:pointer;display:inline-block;font-size:64px;font-weight:700;letter-spacing:-1px;margin:0 0 10px;position:relative;transition:all .3s ease}.profile-name:hover{color:#fff;text-shadow:0 0 20px #fff9;transform:scale(1.02) translateX(5px)}.profile-stats{color:#d1d1d1;color:var(--text-secondary);font-size:14px}.profile-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:30px;margin-bottom:20px;padding:0 30px}.tab-item{color:#d1d1d1;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:700;padding-bottom:12px;position:relative}.tab-item.active{color:#fff}.tab-item.active:after{background:#fff;border-radius:4px 4px 0 0;bottom:-1px;content:"";height:4px;left:0;position:absolute;width:100%}.track-list{padding:0 20px 20px}.track-row{align-items:center;border-radius:12px;cursor:pointer;display:grid;grid-template-columns:40px 60px 2fr 1fr 100px;padding:12px 15px;transition:.2s}.track-row:hover{background:#ffffff1a}.track-num{color:#d1d1d1;color:var(--text-secondary);font-size:14px}.track-img{border-radius:6px;height:44px;object-fit:cover;width:44px}.track-title-col{display:flex;flex-direction:column;justify-content:center;padding-left:15px}.track-name{color:#fff;font-size:15px;font-weight:600}.track-artist{font-size:13px;margin-top:3px}.track-artist,.track-plays{color:#d1d1d1;color:var(--text-secondary)}.track-plays{font-feature-settings:"tnum";font-size:14px;font-variant-numeric:tabular-nums;text-align:right}.track-actions{align-items:center;color:#d1d1d1;color:var(--text-secondary);display:flex;gap:20px;justify-content:flex-end}.sidebar-right{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:var(--glass-border);border-radius:24px;display:flex;flex-direction:column;grid-column:3;grid-row:1/span 2;height:100%;overflow:hidden;padding:24px}.section-title{color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:space-between;margin-bottom:25px}.see-all{color:#d1d1d1;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600}.recent-list{flex:1 1;overflow-y:auto;padding-right:5px}.recent-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:20px;padding:5px;transition:.2s}.recent-item:hover{background:#ffffff0d}.recent-info{align-items:center;display:flex;gap:15px}.recent-img{border-radius:8px;height:50px;object-fit:cover;width:50px}.recent-info h4{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.recent-info p{color:#d1d1d1;color:var(--text-secondary);font-size:12px}.player-bar{align-items:center;align-self:start;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#120c1fb3;border:1px solid #ffffff26;border-radius:24px;box-shadow:0 20px 50px #00000080;display:grid;grid-column:2;grid-row:2;grid-template-columns:1fr 2fr 1fr;height:90px;margin-top:10px;padding:0 30px;width:100%;z-index:50}.player-left{align-items:center;display:flex}.current-track-info h4{color:#fff;font-size:15px;font-weight:700;margin-bottom:3px}.artist-info{color:#d1d1d1;color:var(--text-secondary);font-size:12px}.artist-info,.player-center{align-items:center;display:flex;gap:6px}.player-center{flex-direction:column}.control-buttons{align-items:center;display:flex;gap:25px}.control-icon{color:#fff9;cursor:pointer;font-size:20px;transition:.2s}.control-icon:hover{color:#fff}.play-pause-btn{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 10px #fff3;cursor:pointer;display:flex;height:38px;justify-content:center;transition:transform .2s;width:38px}.play-pause-btn:hover{transform:scale(1.1)}.progress-container{align-items:center;display:flex;gap:10px;min-width:280px;width:100%}.time-text{color:var(--text-secondary);min-width:30px}.progress-bar{background:#ffffff1a;cursor:pointer;flex-grow:1;height:4px}.progress-bar,.progress-fill{border-radius:2px;position:relative}.progress-fill{background:#fff;height:100%}.progress-bar:hover .progress-fill:after{background:#fff;border-radius:50%;content:"";height:10px;position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:10px}.player-right{gap:15px;justify-content:flex-end}.player-right,.volume-wrapper{align-items:center;display:flex}.volume-wrapper{gap:8px}.volume-icon{color:#d1d1d1;color:var(--text-secondary);font-size:18px}.volume-bar{background:#ffffff1a;border-radius:2px;cursor:pointer;height:4px;width:80px}.volume-fill{background:#d1d1d1;background:var(--text-secondary);border-radius:2px;height:100%}.expand-icon{color:#d1d1d1;color:var(--text-secondary);cursor:pointer;font-size:16px;margin-left:10px}.heart-btn-wrapper{align-items:center;cursor:pointer;display:flex;justify-content:center;transition:transform .1s}.heart-btn-wrapper:active{transform:scale(.9)}::-webkit-scrollbar-thumb{background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-content,.modal-overlay{align-items:center;display:flex}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:30px;box-shadow:0 20px 50px #00000080;flex-direction:column;max-width:90%;padding:40px;position:relative;text-align:center;width:500px}.modal-title{align-self:flex-start;font-size:24px;font-weight:700;margin-bottom:30px}.edit-avatar-wrapper{group:hover;cursor:pointer;height:120px;margin-bottom:30px;position:relative;width:120px}.edit-avatar{border:3px solid #fff3;border-radius:50%;object-fit:cover}.edit-avatar,.edit-avatar-overlay{height:100%;transition:.3s;width:100%}.edit-avatar-overlay{align-items:center;background:#00000080;border-radius:50%;color:#fff;display:flex;font-size:24px;justify-content:center;left:0;opacity:0;position:absolute;top:0}.edit-avatar-wrapper:hover .edit-avatar-overlay{opacity:1}.edit-input-group{align-items:center;display:flex;gap:10px;margin-bottom:20px;width:100%}.edit-input{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;flex:1 1;font-size:16px;outline:none;padding:12px 20px}.edit-input:focus{background:#ffffff26;border-color:#fff}.save-modal-btn{background:#d1d1d1;border:none;border-radius:12px;color:#333;cursor:pointer;font-weight:700;padding:12px 24px;transition:.2s}.save-modal-btn:hover{background:#fff;transform:scale(1.05)}.modal-disclaimer{color:#d1d1d1;color:var(--text-secondary);font-size:10px;line-height:1.4;margin-top:10px;text-align:left}.close-modal-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:20px;opacity:.7;position:absolute;right:20px;top:20px}.close-modal-btn:hover{opacity:1}.profile-actions{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;padding:0 30px}.dots-container{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dots-trigger{align-items:center;color:#d1d1d1;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;transition:all .2s ease}.dots-trigger:hover{color:#fff}.action-divider{background:#fff3;border-radius:2px;height:1px;width:150px}.dropdown-menu{animation:slideDown .2s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e192df2;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 10px 40px #0009;display:flex;flex-direction:column;gap:5px;left:0;padding:8px;position:absolute;top:120%;width:200px;z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{align-items:center;border-radius:8px;color:#d1d1d1;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:12px;padding:10px 14px;transition:.2s}.menu-item:hover{background:#ffffff1a;color:#fff}.menu-item svg{font-size:16px}.search-input-wrapper{position:relative;width:60%;z-index:60}.search-popup{animation:slideDownFade .3s cubic-bezier(.16,1,.3,1);background:#120c1ff2}.clear-search-btn{color:var(--text-secondary)}.search-results-list{max-height:300px}.search-item{transition:all .2s ease}.search-item:hover{transform:translateX(5px)}.remove-history-icon,.search-item-artist{color:var(--text-secondary)}.sidebar-right{position:relative}.see-all-popup{animation:scaleIn .25s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#120c1ffa;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 20px 60px #000c;display:flex;flex-direction:column;gap:15px;max-height:60vh;padding:20px;position:fixed;right:30px;top:90px;transform-origin:top right;width:320px;z-index:1000}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.see-all-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-bottom:15px}.see-all-header h3{color:#fff;font-size:16px;font-weight:700}.close-see-all-btn{align-items:center;background:none;border:none;color:#d1d1d1;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;transition:.2s}.close-see-all-btn:hover{color:#fff;transform:rotate(90deg)}.see-all-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:5px}.see-all-list::-webkit-scrollbar{width:4px}.see-all-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.see-all-list::-webkit-scrollbar-track{background:#0000}.see-all-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:10px;transition:.2s}.see-all-item:hover{background:#ffffff1a}.see-all-info{align-items:center;display:flex;gap:12px}.see-all-img{border-radius:8px;height:44px;object-fit:cover;width:44px}.see-all-text h4{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}.see-all-text p{color:#d1d1d1;color:var(--text-secondary);font-size:12px}.more-menu-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.more-menu-container{animation:popIn .2s ease-out forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#282337f2;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 10px 40px #0009;display:flex;flex-direction:column;gap:8px;padding:15px;transform:scale(.95);width:240px}.more-menu-item{align-items:center;border-radius:8px;color:var(--text-gray);cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s}.more-menu-item:hover{background:#ffffff1a;color:#fff}.more-menu-item span{font-size:14px;font-weight:500;letter-spacing:.2px}.more-menu-icon-box{align-items:center;border:1.5px solid;border-radius:6px;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.logout-item{border-radius:0 0 8px 8px;border-top:1px solid #ffffff1a;margin-top:5px;padding-top:12px}.logout-item:hover{background:#0000;color:#ff4d4d}@keyframes popIn{to{opacity:1;transform:scale(1)}}.search-results-fullscreen{animation:fadeIn .3s ease;padding:0 30px}.search-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:20px}.music-card{background:#ffffff0d;border-radius:12px;cursor:pointer;padding:12px;transition:background .2s,transform .2s}.music-card:hover{background:#ffffff1a;transform:translateY(-5px)}.music-card img{aspect-ratio:1;border-radius:8px;box-shadow:0 4px 10px #0000004d;margin-bottom:10px;object-fit:cover;width:100%}.music-meta h4{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-meta p{font-size:12px}.empty-state,.music-meta p,.no-result{color:#d1d1d1;color:var(--text-secondary)}.empty-state,.no-result{font-size:14px;margin-top:20px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-gradient:linear-gradient(180deg,#402fa34f,#48155af0);--bg-dark:#120c1f;--glass:#ffffff0d;--glass-border:1px solid #ffffff1a;--text-main:#fff;--text-gray:#d1d1d1}.app-container-playlist{grid-gap:20px;background-attachment:fixed;background-color:#120c1f;background-color:var(--bg-dark);background-image:linear-gradient(180deg,#402fa34f,#48155af0);background-image:var(--bg-gradient);background-repeat:no-repeat;color:#fff;color:var(--text-main);display:grid;font-family:Inter,sans-serif;gap:20px;grid-template-columns:280px 1fr;grid-template-rows:1fr;height:100vh;overflow:hidden;padding:20px;position:relative;width:100vw}.sidebar-left{gap:20px;grid-column:1;height:100%;overflow:hidden}.nav-menu,.sidebar-left{display:flex;flex-direction:column}.nav-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;background:var(--glass);border:1px solid #ffffff1a;border:var(--glass-border);border-radius:24px;flex-shrink:0;gap:10px;padding:24px}.nav-item{align-items:center;color:#d1d1d1;color:var(--text-gray);cursor:pointer;display:flex;font-weight:600;gap:16px;padding:8px 0;transition:.2s}.nav-item:hover{color:#fff}.library-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;background:var(--glass);border:1px solid #ffffff1a;border:var(--glass-border);border-radius:24px;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:24px}.library-header{color:#d1d1d1;color:var(--text-gray);flex-shrink:0;font-weight:600;justify-content:space-between;margin-bottom:20px}.lib-title,.library-header{align-items:center;display:flex}.lib-title{gap:10px}.tags{display:flex;flex-shrink:0;gap:8px;margin-bottom:20px;overflow-x:auto}.tags::-webkit-scrollbar{display:none}.tag{background:#ffffff1a;border:1px solid #0000;border-radius:20px;cursor:pointer;font-size:12px;padding:6px 14px;white-space:nowrap}.tag.active{background:#fff;color:#000;font-weight:700}.playlist-list{display:flex;flex:1 1;flex-direction:column;gap:12px;margin-bottom:15px;overflow-y:auto;padding-right:5px}.playlist-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:6px;transition:.2s}.playlist-item:hover{background:#ffffff0d}.playlist-cover{border-radius:6px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.playlist-info h4{font-size:14px;font-weight:600;margin-bottom:2px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-info p{color:#d1d1d1;color:var(--text-gray);font-size:12px}.new-playlist-btn{background:#fff;border:none;border-radius:30px;color:#000;cursor:pointer;flex-shrink:0;font-weight:700;padding:12px;transition:.2s;width:100%}.new-playlist-btn:hover{transform:scale(1.02)}.playlist-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(180deg,#c8598866,#120c1ff2 45%);border:1px solid #ffffff1a;border:var(--glass-border);border-radius:24px;grid-column:2;overflow-y:auto;padding:0;padding-bottom:200px!important;position:relative}.playlist-header{align-items:flex-end;display:flex;gap:30px;padding:10px 40px 30px}.main-cover-img{border-radius:12px;box-shadow:0 8px 40px #00000080;height:220px;object-fit:cover;width:220px}.header-text{display:flex;flex-direction:column}.label-public{font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.title-large{font-size:72px;font-weight:800;letter-spacing:-2px;line-height:1;margin-bottom:20px;text-shadow:0 4px 20px #0000004d}.meta-row{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px}.user-avatar-mini{border-radius:50%;height:24px;width:24px}.owner-name{cursor:pointer}.owner-name:hover{text-decoration:underline}.songs-count{color:#fffc;font-weight:400}.action-buttons-row{align-items:center;display:flex;gap:30px;padding:0 40px 20px}.play-btn-large{align-items:center;color:#fff;cursor:pointer;display:flex;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));font-size:60px;transition:.2s}.play-btn-large:hover{color:#e0e0e0;transform:scale(1.05)}.action-icons{align-items:center;color:#d1d1d1;color:var(--text-gray);display:flex;font-size:24px;gap:24px}.action-icons svg{cursor:pointer;transition:.2s}.action-icons svg:hover{color:#fff}.tracks-table{padding:0 40px 30px}.table-head{color:#d1d1d1;color:var(--text-gray);display:grid;font-size:13px;font-weight:600;grid-template-columns:40px 4fr 3fr 3fr 60px;padding:0 10px 10px;text-transform:uppercase}.divider-line{background:#ffffff26;height:1px;margin-bottom:15px;width:100%}.track-item{align-items:center;border-radius:8px;color:#d1d1d1;color:var(--text-gray);cursor:pointer;display:grid;font-size:14px;grid-template-columns:40px 4fr 3fr 3fr 60px;padding:10px;transition:.2s}.track-item:hover{background:#ffffff1a;color:#fff}.td-hash{align-items:center;display:flex;position:relative}.num{display:block;font-size:14px}.hover-play{color:#fff;font-size:14px}.hover-play,.track-item:hover .num{display:none}.track-item:hover .hover-play{display:block}.td-title{align-items:center;color:#fff;display:flex;gap:16px}.track-art{border-radius:4px;height:42px;object-fit:cover;width:42px}.track-meta-text{display:flex;flex-direction:column;justify-content:center}.track-name-bold{font-size:15px;font-weight:600}.td-time{text-align:right}.main-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(180deg,#c859881a,#120c1f80 45%);border:1px solid #ffffff1a;border:var(--glass-border);border-radius:24px;grid-column:2;overflow-y:auto;padding:0;padding-bottom:200px!important;position:relative}.footer-player{align-items:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#120c1ff2;border:1px solid #ffffff26;border-radius:20px;bottom:20px;box-shadow:0 20px 50px #000c;display:grid;grid-template-columns:1fr 2fr 1fr;height:90px;left:320px;padding:0 30px;position:fixed;right:340px;z-index:1000}.p-left{align-items:center;display:flex}.p-info h4{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}.p-info p{color:#d1d1d1;color:var(--text-gray);font-size:11px}.p-center{flex-direction:column;gap:8px}.p-center,.p-controls{align-items:center;display:flex}.p-controls{color:#d1d1d1;color:var(--text-gray);font-size:18px;gap:24px}.p-controls svg{cursor:pointer;transition:.2s}.p-controls svg:hover{color:#fff}.p-play-circle{background:#fff;border-radius:50%;color:#000;cursor:pointer;display:grid;height:38px;place-items:center;transition:transform .2s;width:38px}.p-play-circle:hover{transform:scale(1.1)}.p-progress{align-items:center;display:flex;gap:12px;max-width:400px;width:100%}.time-text{color:#d1d1d1;color:var(--text-gray);font-size:11px;min-width:35px;text-align:center}.bar-bg{background:#fff3;border-radius:4px;cursor:pointer;flex:1 1;height:4px;position:relative;transition:height .2s}.bar-bg:hover{height:6px}.bar-fill{background:#fff;border-radius:4px;height:100%;position:relative}.bar-fill:after{background:#fff;border-radius:50%;box-shadow:0 2px 5px #00000080;content:"";height:10px;opacity:0;position:absolute;right:-5px;top:50%;transform:translateY(-50%);transition:opacity .2s;width:10px}.bar-bg:hover .bar-fill:after{opacity:1}.p-right{align-items:center;color:#d1d1d1;color:var(--text-gray);display:flex;gap:12px;justify-content:flex-end}.vol-bg{background:#ffffff1a;border-radius:2px;height:4px;width:80px}.vol-fill{background:#d1d1d1;background:var(--text-gray);border-radius:2px;height:100%;width:60%}.playlist-top-bar{align-items:center;display:flex;justify-content:space-between;padding:24px 40px}.main-content,.playlist-content{padding-bottom:130px}.top-icons{display:flex;gap:12px}.icon-circle{background:#fff;border-radius:50%;color:#000;cursor:pointer;display:grid;height:40px;place-items:center;width:40px}.user-circle{background:#fff3}.search-pill{position:relative;width:50%;z-index:50}.search-icon-input{color:#d1d1d1;color:var(--text-gray);left:15px;position:absolute;top:50%;transform:translateY(-50%)}.search-pill input{background:#0003;border:none;border-radius:8px;color:#fff;outline:none;padding:12px 12px 12px 40px;width:100%}.search-pill input:focus{background:#ffffff1a}.search-popup{animation:slideDownFade .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#120c1ffa;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 20px 50px #0009;display:flex;flex-direction:column;gap:15px;left:0;padding:20px;position:absolute;top:115%;transform-origin:top center;width:100%;z-index:200}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.search-popup-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-bottom:10px}.search-popup-header h3{color:#fff;font-size:14px;font-weight:600}.clear-search-btn{background:none;border:none;color:#d1d1d1;color:var(--text-gray);cursor:pointer;font-size:11px;transition:.2s}.clear-search-btn:hover{color:#ff4d4d}.search-results-list{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto;padding-right:5px}.search-results-list::-webkit-scrollbar{width:4px}.search-results-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.search-results-list::-webkit-scrollbar-track{background:#0000}.search-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:.2s}.search-item:hover{background:#ffffff1a}.search-item-img{border-radius:6px;height:40px;object-fit:cover;width:40px}.search-item-info{display:flex;flex:1 1;flex-direction:column}.search-item-title{color:#fff;font-size:14px;font-weight:600}.search-item-artist{color:#d1d1d1;color:var(--text-gray);font-size:12px}.remove-history-icon{color:#d1d1d1;color:var(--text-gray);opacity:0;transition:.2s}.search-item:hover .remove-history-icon{opacity:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}::-webkit-scrollbar-track{background:#0000}.app-container-account{align-items:center;background-attachment:fixed;background-color:#120c1f;background-color:var(--bg-dark);background-image:linear-gradient(180deg,#402fa34f,#48155af0);background-image:var(--bg-gradient);box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow:hidden;padding-bottom:100px;width:100vw}.app-container-account .main-content{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(180deg,#c859881a,#120c1ff2 45%);border:1px solid #ffffff1a;border:var(--glass-border);border-radius:24px;grid-column:auto;height:75vh;margin:0 auto;max-width:700px;overflow-y:auto;padding:0;width:90%}.account-content{padding-bottom:200px!important}.layout-mode-account .footer-player{bottom:20px;box-shadow:0 10px 40px #000c;left:50%;max-width:700px;position:fixed;right:auto;transform:translateX(-50%);width:90%;z-index:2000}.account-content{color:#fff;height:100%;margin:0 auto;max-width:800px;padding:40px}.account-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.back-btn-icon{color:#d1d1d1;cursor:pointer;font-size:24px;transition:.2s}.back-btn-icon:hover{color:#fff}.account-search-bar{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;gap:10px;margin-bottom:30px;padding:12px 15px}.account-search-bar input{background:#0000;border:none;color:#fff;outline:none;width:100%}.account-menu-list{display:flex;flex-direction:column;gap:15px}.account-menu-item{align-items:center;background:#ffffff1a;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:.2s}.account-menu-item:hover{background:#fff3}.menu-label{align-items:center;display:flex;font-weight:500;gap:15px}.form-section{gap:20px}.form-group,.form-section{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#fff;font-size:14px;font-weight:600}.form-input{background:#0000;border:1px solid #ffffff4d;border-radius:8px;color:#fff;outline:none;padding:12px}.form-input:focus{border-color:#fff}.date-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 2fr 1fr}.form-select{background:#0000;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;outline:none;padding:12px}.form-select option{background:#120c1f}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.btn-cancel{background:#0000;color:#fff;font-weight:600}.btn-cancel,.btn-save{border:none;cursor:pointer}.btn-save{background:#d1d1d1;border-radius:20px;color:#000;font-weight:700;padding:8px 24px}.btn-save:hover{background:#fff}.toggle-row{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px 0}.toggle-info h4{font-size:14px;margin-bottom:4px}.toggle-info p{color:#d1d1d1;font-size:11px;width:80%}.toggle-switch{display:inline-block;height:20px;position:relative;width:40px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ffffff4d;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;width:16px}input:checked+.slider{background-color:#a78bfa}input:checked+.slider:before{transform:translateX(20px)}.checkbox-group{display:flex;gap:20px}.custom-checkbox{accent-color:#a78bfa;cursor:pointer;height:20px;width:20px}.success-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:3000}.success-modal{background:#322846f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 50px #00000080;padding:40px;text-align:center;width:400px}.success-modal h2{color:#fff;font-size:20px;margin-bottom:10px}.success-modal p{color:#d1d1d1;font-size:12px;margin-bottom:30px}.btn-close-popup{background:#d1d1d1;border:none;border-radius:20px;color:#000;cursor:pointer;font-weight:700;padding:10px 30px}.btn-small-outline{background:#0000;border:1px solid #fff6;border-radius:20px;color:#fff;cursor:pointer;font-size:11px;min-width:100px;padding:6px 16px;transition:all .2s;white-space:nowrap}.btn-small-outline:hover{background:#ffffff1a;border-color:#fff}
/*# sourceMappingURL=main.15a0cd7c.css.map*/