*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none;font-family:sans-serif}:root{--background-color:#061222;--color-text:#fff;--color-title:#fff;--color-bolder:#1b1b1c}.dark-theme{--background-color:#111827;--color-text:#fff;--color-title:#9333ea}body{background:var(--background-color);color:var(--color-text);color:var(--color-title);transition:.8s}.header{position:fixed;top:0;left:0;width:100%;height:70px;display:flex;justify-content:space-between;align-items:center;background:#061222;z-index:1000;padding:0 20px;box-shadow:0 2px 10px rgba(0,0,0,.3);transition:background .3s ease-in-out}.menu{list-style:none;display:flex;align-items:center}.menu li{position:relative}.menu a{color:#fff;text-decoration:none;font-size:16px;padding:10px 10px;transition:.3s}.menu a:hover{color:#0af}.menu input[type="search"]{padding:8px;border:none;border-radius:5px;outline:none}.logo h2 a{text-decoration:none;font-size:24px;font-weight:bold}#check{display:none}.checkbtn{margin-right:40px;float:right;line-height:80px}.toggle-btn{display:none;margin-right:20px;background:var(--color-title);padding:.2em 1.2em;border-radius:100vh;cursor:pointer}.toggle-btn span{color:#111827;font-size:18px}#moon{width:20px}.menu input{padding:.4em 1em;outline:none;border:none;border-radius:30px;border:.6px solid #a8a8a8}.loginregister{list-style:none;display:flex;align-items:center;gap:10px;margin-left:20px}.loginregister li a{font-size:16px;text-decoration:none;padding:10px 15px;border-radius:5px;background:#0af;color:#fff!important;transition:.3s;display:inline-block}.loginregister li a:hover{background:#08c}.subscribe-btn{background:var(--orange-600)}.subscribe-btn:hover{background:var(--orange-700)}.imgpic{width:100%;padding:50px 20px;background:url(your-image.jpg) no-repeat center center;background-size:cover;text-align:center}.mainpic h2{font-size:32px;color:#fff}.mainpic p{font-size:18px;color:#fff}.imgpic{background:linear-gradient(#ff00f7,#29293c);display:flex;justify-content:center;align-items:center;width:100%;min-width:40vh;overflow:hidden}.impictop{display:grid;gap:20px;justify-content:center;align-items:center}.mainpic{grid-column:1}.searchholder{grid-column:2;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.searchholder input{position:relative;padding:1em 1em;border:none;outline:none;border-radius:20px;width:100%}.searchholder button{position:absolute;padding:1em;margin-left:140px;border:none;outline:none;border-radius:20px;background-color:#ffc000;color:#fff;cursor:pointer;width:10%}.mainpic h2{display:inline-block;color:var(--color-text);font-size:50px;font-weight:600}.mainpic p{color:var(--color-text)}.mainpic span{color:#ffc000;font-size:70px;font-weight:600}.container1{background:#061222;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));justify-content:center;gap:10px;padding:20px;border-top: 2px solid rgb(0, 0, 0, 0.5);border-bottom: 2px solid rgb(0, 0, 0, 0.5)}.containerbox{box-shadow:0 0 0 .1px #000;background-color:#111827;display:flex;justify-content:space-between;align-items:center;border-radius:10px;overflow:hidden;margin:20px 30px;width:400px;height:150px}.box1{margin-left:10px}.imageholder1{width:140px;height:150px;border-radius:10px;margin-left:40px;overflow:hidden}.container img{margin-right:10px;width:100%;height:100%}.box1 h3{text-transform:uppercase;font-size:17px;font-weight:400;color:var(--color-text);transition:.3s ease}.box1 h3:hover{color:var(--color-title)}.box1 p{text-transform:capitalize;color:var(--color-text)}.box1 span{text-transform:capitalize}.box1 h4{display:flex;justify-content:center;color:#1b1b1b;padding:.5em .3em;background:var(--color-title);margin-top:20px;font-size:11px;font-weight:600;border-radius:2px;width:auto;height:auto}.footer{position:relative;background-color:#061222;width:100%;margin-top:auto}.container{display:flex;flex-direction:column;min-height:100vh}.hoder{padding:20px 0;display:flex;justify-content:space-between}.hoder ul li{padding:7px 0}.hoder ul li a{color:var(--color-text);transition:.3s ease}.footer .hoder a:hover{color:var(--color-title)}.hoder ul{margin-right:70px}.hoder h2{margin-left:30px}.footerrights{display:grid;justify-content:center;align-items:center;margin-top:10px}.footerrights p{color:var(--color-text);padding:20px 0}#line{display:flex;background-color:#545454;height:2px;width:160%;margin-left:-90px}.artisttext #Download{width:230px;margin:40px 0;display:flex;background:var(--color-title);padding:.7em 1em;justify-content:center;align-items:center;border:none;border-radius:4px;color:var(--background-color)}.artistpage{width:100%;background:hsl(214,70%,8%);min-height:400px;display:flex;justify-content:center;align-items:center;border-bottom: 2px solid rgb(0, 0, 0, 0.4);border-top: 2px solid rgb(0, 0, 0, 0.4)}.artistcontaniner{color:var(--color-text);width:100%;display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(auto-fit,minmax(400px,200px));gap:20px;border-radius:10px;padding:70px 0}.artistimg{justify-content:center;align-items:center;width:400px;min-height:50vh;border-radius:10px;background-color:#e90c55;background:#e0e0e0;overflow:hidden;border:.3px solid #a4a4a4}.detailimghorder{width:100%;height:46vh;overflow:hidden}.artistimg img{width:100%;height:100%}.artisttext{padding:0 20px}.artisttext h2{font-weight:lighter;font-size:18px;padding:5px 0}.artisttext h3{font-weight:400;font-size:18px;padding:5px 0}.artisttext h4{font-weight:500;font-size:13px}.storycontainer{display:flex;justify-content:center;align-items:center;background-color:var(--background-color);width:100%;min-height:84vh;border-top:1px solid #140f1b;border-bottom:1px solid #140f1b}.sec3scon{display:grid;grid-template-columns:repeat(auto-fill,minmax(366px,1fr));justify-content:center;align-items:center;width:100%;min-height:70px;gap:10px;margin:20px}.secholder{justify-content:center;background-color:#061222;width:380px;height:430px;transition:.3s;overflow:hidden;border-radius:6px;margin:0 auto;border: 2px solid rgb(0, 0, 0, 0.4)}.secsbox{display:grid;justify-content:center;align-items:center;margin:0 auto;background-color:#061222;width:350px;height:430px;overflow:hidden;transition:.3s}.secsimg{width:360px;height:300px;border-radius:6px;overflow:hidden}.secsimg img{width:350px}.secsdetails{display:flex;justify-content:space-between;padding:1em;width:100%;height:160px;color:#fff;overflow:hidden}.secsdetails #pricent{color:#fff}#share{width:20px;height:20px}.image-container{position:relative}.image-text{position:absolute;top:0;left:30px;width:100px;color:#fff}.timestamp-container{display:flex;align-items:center;position:relative;gap:7px;left:8px;padding-bottom:10px}.todaysboxholder{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));justify-content:center;align-items:center;width:100%;gap:10px}.story{width:100%;height:auto;margin:20px}#storytitle{color:#fff;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:20px;padding:10px 0;background-color:#111827}.story p{color:var(--color-text)}.secholder h1{font-size:10px;margin:10px;color:#fff}.Dashbord{position:relative;display:flex;background:#1b1b1c;justify-content:space-between;align-items:center;width:100%;height:130px}.Dashbordcontainer{display:flex;align-items:center}.Dashbord h2{padding:0% 70px}.username{display:flex;align-items:center}.username img{width:50px;border-radius:50%}.username h2{color:#fff;display:flex;font-size:16px}#logout{margin-top:120px;background-color:#9333ea;transition:all .3s}#logout a{color:#f7f7f7;font-size:23px}#logout:hover{background:#b72121}.Dashbordplace{display:grid;grid-template-columns:200px 1fr}.Dashbordplace #Dashbordholder{color:#ff1fb1;background:#1b1b1c;min-height:130vh;width:200px}.Dashbordplace img{width:30px;border-radius:50px;margin:0 10px}.uploadtebleholder input{padding:1em;outline:none}#Dashbordholder li{border:1px solid #140f1b}.Dashbordplace ul li{padding:20px 0;display:flex;transition:all .3s ease}.Dashbordplace ul li a{color:#eaeaea;transition:.4s}#Dashbordholder li:hover{background:var(--color-title)}.adminsection{width:100%;background:#0c080c}.AddAdmin{display:flex;align-items:center}.AddAdmin span{font-size:24px;font-weight:600;color:var(--color-title);text-transform:uppercase}.UserId #ur{display:flex;background:#1b1b1c;padding:1em 1em}.UserId ul li{padding:0 70px;color:var(--color-text)}.adimns ul{border:1px solid #bebebe;display:flex;padding:1em 2em}.adimns ul li{padding:0 50px;color:var(--color-bolder)}.adimns ul li a{color:#1b1b1c}.AddAdmin button{color:#ddd;border:none;padding:.6em 1.4em;background:var(--color-title);border-radius:6px;cursor:pointer}.AddAdmin button a{color:var(--color-text);transition:all .3s ease-in}.AddAdmin button a:hover{color:var(--color-bolder)}.uploadtebleholder table th{justify-content:center;padding:0 60px}.viewcontent{border-collapse:collapse;width:100%}.viewcontent th,.viewcontent td{border:1px solid #160a1a;text-align:left}.viewcontent th{background-color:#36094b}.AddAdmin{display:flex;justify-content:space-between}.AddAdmin button{margin:0 10px}.Uploadarea{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;width:100%;height:auto}.uploadcontent h2{font-size:17px}.uploadcontent{display:flex;width:100%;margin:0 40px}.uploadtebleholder div{display:block;margin-top:20px}.uploadcontent #Title{outline:none;width:267px;height:40px;border-radius:4px;border:.3px solid #a4a4a4}.uploadcontent #ArtistName{outline:none;width:170px;height:40px;border-radius:4px;border:.3px solid #a4a4a4}.Generoption{margin-top:10px;margin-left:50px}#Gener{outline:none;width:184px;height:40px;border-radius:4px;border:.3px solid #a4a4a4}#songsupload{outline:none;width:200px;height:200px;border-radius:4px;border:.3px solid #a4a4a4}#songartwork{outline:none;width:200px;height:200px;border-radius:4px;border:.3px solid #a4a4a4}.Loginform{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background:var(--color-bolder)}.Loginholder{display:flex;justify-content:center;width:300px;height:400px;padding-top:50px;border-radius:10px}.Loginholder input{width:200px;height:30px;border:none;outline:none}.Loginholder input{border-bottom:1px solid #a4a4a4}.Login p{font-size:12px;padding-top:10px;color:var(--color-bolder)}#loginuser{display:flex;justify-content:center;align-items:center;font-size:30px;font-weight:700;padding-bottom:30px}#loginbtn{margin-top:10px;border:none;background:var(--color-bolder);padding:1em 6em;border-radius:8px;text-transform:uppercase}#loginbtn a{color:var(--color-text)}#loginpassword{padding-left:100px;color:#cf4615}.form-container{width:700px;margin:40px auto;padding:20px;background-color:#1b1b1c;border:1px solid #ddd;box-shadow:0 0 10px rgba(0,0,0,.1)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:10px}.form-group input[type="text"],.form-group select,.form-group input[type="file"]{width:100%;height:40px;padding:10px;border:1px solid #ccc;border-radius:10px}.AddAdmin{text-align:center}.AddAdmin button[type="submit"]{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.AddAdmin button[type="submit"]:hover{background-color:#3e8e41}.checkbtn img{display:none}@media (max-width:1100px){.container{display:grid;justify-content:center}.menu li{font-size:14px;padding:0 8px}.mainpic h2{font-size:40px}}@media (max-width:850px){.container{display:grid;justify-content:center}.containerbox{height:170px;width:500px}.box1 p{font-size:13px}#Downlond{display:flex;font-size:10px;font-weight:600;border-radius:2px;width:auto;height:auto}.box1 h3{text-transform:uppercase;font-size:11px;font-weight:400;color:var(--color-text);transition:.3s}.checkbtn img{display:block;float:left;margin-left:50px}.menu{display:flex;flex-direction:column;position:fixed;width:100%;background-color:#111827;top:50px;left:100%;text-align:center;padding-top:20px;transition:all .5s ease-in-out}.menu.active{left:0}.menu li{margin:15px 0}.header{justify-content:center;padding:0 10px}.logo{position:absolute;left:50%;transform:translateX(-50%)}.checkbtn{position:absolute;left:0;right:20px;top:50%;transform:translateY(-50%)}.checkbtn{display:block;cursor:pointer}.loginregister{position:absolute;right:20px;top:15px}}#check:checked ~ .menu {left:0;display:block}.menu li{display:block;padding:8px}.menu li a{font-size:15px}#line{width:130%;margin-left:-30px}.footerrights p{font-size:11px}.mainpic h2{font-size:20px}.mainpic span{font-size:40px}.artistimg{justify-content:center;align-items:center;width:100%;min-height:40vh}.artistimg img{width:100%;object-fit:cover}.imgpic{width:100%}.impictop{margin-top:60px}@media (max-width:650px){.containerbox{height:120px;width:300px}.imgpic{width:100%;overflow:hidden}.artistcontaniner{width:100%;grid-template-columns:repeat(auto-fill,minmax(100%,200px))}}@media (max-width:450px){.hoder{font-size:10px}#line{width:60%;margin-left:1px}.toggle-btn{font-size:10px;margin-right:20px;padding:.2em 1.2em}.toggle-btn span{font-size:10px}#moon{width:10px}.container1{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,200px));justify-content:center;width:100%}.sec3scon{display:grid;grid-template-columns:1fr;justify-content:center;align-items:center;width:100%;min-height:70px;gap:10px;margin:0}.secholder{width:100%;height:500px;border-radius:0;margin:0}.todaysboxholder{width:100%;gap:10px}.secsimg{width:100%;height:370px;border-radius:0;overflow:hidden}.secsbox{width:100%;height:500px;overflow:hidden;transition:.3s}.secsimg img{width:100%;height:auto;object-fit:cover}.secsdetails{width:100%;height:90px}.checkbtn img{margin-left:10px}.imgpic{display:none}@media (max-width:300px){
	
}.toggle-btn{display:none;font-size:10px;margin-right:20px;padding:.2em 1.2em}.toggle-btn span{font-size:10px}.header{justify-content:left}}@media (max-width:768px){.checkbtn{display:block}.menu{position:fixed;width:100%;height:100vh;background:#061222;top:70px;left:-100%;text-align:center;flex-direction:column;transition:all .5s ease;padding-top:20px}.menu li{margin:20px 0}.menu a{font-size:20px}.menu input[type="search"]{width:calc(100% - 40px);margin-top:10px}#check:checked ~ .menu {left:0}.loginregister{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);flex-direction:column;width:calc(100% - 40px);margin:0}.loginregister li{width:100%;margin-bottom:10px}.loginregister li:last-child{margin-bottom:0}.loginregister li a{width:100%;box-sizing:border-box}.toggle-btn{display:flex;align-items:center;gap:5px}}*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}:root{--bg-dark:#111827;--card-dark:#111827;--text-light:#e0e0e0;--text-secondary:#b3b3b3;--text-tertiary:#7f7f7f;--accent-blue:#007bff;--accent-blue-hover:#0056b3;--accent-green:#28a745;--accent-green-hover:#218838;--border-color:rgba(255,255,255,.1);--player-bg:#1f1f1f;--accent-purple:#8a2be2;--accent-purple-hover:#6a1fb3}.ankolo_dashboard-container{display:flex;max-width:1400px;width:100%;gap:40px;flex-grow:1}.ankolo_dashboard-main-content{flex-grow:1;padding:0}.ankolo_top-bar{display:flex;justify-content:flex-end;align-items:center;gap:2px;padding-bottom:0;border-bottom:1px solid var(--border-color);margin-bottom:30px}.ankolo_top-bar .ankolo_nav-links{display:flex;gap:25px;font-weight:600}.ankolo_top-bar .ankolo_nav-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.ankolo_top-bar .ankolo_nav-links a:hover{color:var(--text-light)}.ankolo_user-profile{display:flex;align-items:center;gap:10px}.ankolo_user-profile img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-purple)}.ankolo_user-profile span{font-weight:600}.ankolo_user-profile .ankolo_status{font-size:.8em;color:var(--accent-green)}.ankolo_section-header{font-size:1.5em;font-weight:700;color:var(--text-light);margin-bottom:20px}.ankolo_featured-artist-section{margin-bottom:40px}.ankolo_featured-artist-card{background-color:var(--card-dark);border-radius:12px;display:flex;align-items:center;gap:3px;box-shadow:0 4px 15px rgba(0,0,0,.3);position:relative;overflow:hidden;width:100%}.ankolo_featured-artist-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(data:image/svg+xml;utf8,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ viewBox=\"0\ 0\ 100\ 100\"\ opacity=\"0.1\"><circle\ cx=\"20\"\ cy=\"20\"\ r=\"15\"\ fill=\"%238A2BE2\"/><circle\ cx=\"80\"\ cy=\"50\"\ r=\"25\"\ fill=\"%238A2BE2\"/><circle\ cx=\"30\"\ cy=\"80\"\ r=\"20\"\ fill=\"%238A2BE2\"/></svg>);background-size:150px;background-repeat:repeat;opacity:.08;z-index:0}.ankolo_artist-image{width:180px;height:180px;border-radius:50%;object-fit:cover;box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:1;border:3px solid var(--accent-purple)}.ankolo_artist-details{flex-grow:1;z-index:1}.ankolo_artist-details h2{font-size:2.5em;margin:0 0 5px 0;font-weight:700;line-height:1.2;color:var(--text-light)}.ankolo_artist-details .ankolo_genre{font-size:1.2em;color:var(--accent-green);margin-bottom:15px;font-weight:500}.ankolo_artist-stats{display:flex;gap:25px;margin-bottom:20px;color:var(--text-secondary);font-size:.95em}.ankolo_artist-stats span{display:flex;align-items:center;gap:8px;font-weight:500}.ankolo_artist-actions{display:flex;gap:15px}.ankolo_artist-actions .ankolo_play-btn,.ankolo_artist-actions .ankolo_follow-btn{padding:12px 25px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s ease , transform .2s ease;display:flex;align-items:center;gap:8px;font-size:.95em;background-color:#007bff;color:#fff;border:none}@media (max-width:991px){.ankolo_artist-actions .ankolo_play-btn,.ankolo_artist-actions .ankolo_follow-btn{padding:10px 20px;font-size:.9em;gap:6px}}@media (max-width:767px){.ankolo_artist-actions .ankolo_play-btn,.ankolo_artist-actions .ankolo_follow-btn{padding:8px 15px;font-size:.85em;gap:5px}}@media (max-width:575px){.ankolo_artist-actions .ankolo_play-btn,.ankolo_artist-actions .ankolo_follow-btn{padding:8px 12px;font-size:.8em;gap:4px}}.ankolo_artist-actions .ankolo_play-btn{background-color:var(--accent-purple);color:var(--text-light);border:none}.ankolo_artist-actions .ankolo_play-btn:hover{background-color:var(--accent-purple-hover);transform:translateY(-2px)}.ankolo_artist-actions .ankolo_follow-btn{background-color:transparent;color:var(--accent-blue);border:2px solid var(--accent-blue)}.ankolo_artist-actions .ankolo_follow-btn:hover{border-color:var(--text-light);color:var(--text-light);transform:translateY(-2px)}.ankolo_artist-pagination{display:flex;justify-content:center;gap:8px;margin-top:25px}.ankolo_pagination-dot{width:10px;height:10px;background-color:var(--text-tertiary);border-radius:50%;cursor:pointer;transition:background-color .2s ease , transform .2s ease}.ankolo_pagination-dot.active{background-color:var(--accent-purple);transform:scale(1.2)}.ankolo_music-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px;margin-bottom:40px}.ankolo_music-card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:15px;background-color:var(--card-dark);border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);text-decoration:none;color:inherit;transition:transform .2s ease-in-out;height:100%}.ankolo_music-card:hover{transform:translateY(-5px)}.ankolo_music-card img{width:100%;max-width:150px;height:auto;border-radius:8px;margin-bottom:10px}.ankolo_music-card h3{font-size:1.1em;margin-bottom:5px;color:var(--text-light)}.ankolo_music-card p{font-size:.85em;color:var(--text-secondary);margin:0 0 10px 0}.ankolo_add-to-playlist-container,.ankolo_listen-btn-container{position:relative;display:flex;justify-content:flex-end;width:100%;margin-top:auto;padding-top:10px}.ankolo_music-card .ankolo_add-to-playlist-btn,.ankolo_music-card .ankolo_listen-btn{background-color:transparent;color:var(--accent-green);border:1px solid var(--accent-green);padding:6px 15px;border-radius:20px;font-size:.8em;font-weight:500;cursor:pointer;transition:background-color .2s ease , color .2s ease , border-color .2s ease , transform .1s ease;display:inline-flex;align-items:center;gap:5px;text-decoration:none;white-space:nowrap}.ankolo_music-card .ankolo_add-to-playlist-btn:hover,.ankolo_music-card .ankolo_listen-btn:hover{background-color:var(--accent-green);color:var(--text-light);transform:translateY(-2px)}.ankolo_song-list-section{margin-bottom:40px}.ankolo_song-list{list-style:none;padding:0;margin:0}.ankolo_song-item{display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease}.ankolo_song-item:last-child{border-bottom:none}.ankolo_song-item:hover{background-color:rgba(255,255,255,.05);border-radius:5px;padding-left:5px}.ankolo_song-cover{width:60px;height:60px;border-radius:6px;object-fit:cover;box-shadow:0 2px 5px rgba(0,0,0,.2)}.ankolo_song-info{flex-grow:1}.ankolo_song-info .ankolo_title{font-weight:600;color:var(--text-light);display:block;margin-bottom:3px}.ankolo_song-info .ankolo_artist-name,.ankolo_song-info .ankolo_album-name{font-size:.85em;color:var(--text-secondary)}.ankolo_song-duration{font-size:.8em;color:var(--text-tertiary);flex-shrink:0}.ankolo_song-actions{display:flex;gap:10px;flex-shrink:0}.ankolo_song-actions i{font-size:1.1em;color:var(--text-secondary);cursor:pointer;transition:color .2s ease}.ankolo_song-actions i:hover{color:var(--accent-blue)}.ankolo_right-sidebar-section{width:300px;flex-shrink:0}.ankolo_search-box{margin-bottom:30px;background-color:var(--card-dark);border-radius:10px;padding:15px;display:flex;align-items:center;gap:10px;box-shadow:0 2px 10px rgba(0,0,0,.2)}.ankolo_search-box input{flex-grow:1;background:none;border:none;outline:none;color:var(--text-light);font-size:1em;padding:5px 0}.ankolo_search-box input::placeholder{color:var(--text-tertiary)}.ankolo_search-box .ankolo_search-btn{background-color:var(--accent-purple);border:none;border-radius:8px;color:var(--text-light);padding:10px 15px;cursor:pointer;transition:background-color .2s ease}.ankolo_search-box .ankolo_search-btn:hover{background-color:var(--accent-purple-hover)}.ankolo_top-artists-list{list-style:none;padding:0;margin:0}.ankolo_top-artists-list li{display:flex;align-items:center;gap:15px;padding:10px 0;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease}.ankolo_artist-link{display:flex;align-items:center;gap:15px;text-decoration:none;color:inherit;flex-grow:1}.ankolo_top-artists-list li:last-child{border-bottom:none}.ankolo_top-artists-list li:hover{background-color:rgba(255,255,255,.05);border-radius:5px;padding-left:5px}.ankolo_top-artists-list .ankolo_artist-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;box-shadow:0 2px 5px rgba(0,0,0,.2)}.ankolo_top-artists-list .ankolo_artist-info{flex-grow:1}.ankolo_top-artists-list .ankolo_artist-info span.ankolo_name{font-weight:600;color:var(--text-light);display:block}.ankolo_top-artists-list .ankolo_artist-info span.ankolo_followers{font-size:.8em;color:var(--text-secondary)}.ankolo_top-artists-list .ankolo_follow-btn{background-color:transparent;color:var(--accent-blue);border:1px solid var(--accent-blue);padding:6px 15px;border-radius:20px;font-size:.8em;font-weight:500;cursor:pointer;transition:background-color .2s ease , color .2s ease}.ankolo_top-artists-list .ankolo_follow-btn:hover{background-color:var(--accent-blue);color:var(--text-light)}.ankolo_player-section{background-color:var(--player-bg);border-radius:12px;padding:20px;display:flex;align-items:center;gap:20px;margin-top:40px;box-shadow:0 -4px 15px rgba(0,0,0,.3);width:100%;max-width:1400px;box-sizing:border-box;flex-shrink:0}.ankolo_player-cover{width:80px;height:80px;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,.3)}.ankolo_player-info{flex-grow:1}.ankolo_player-info .ankolo_song-title{font-size:1.1em;font-weight:600;color:var(--text-light);margin-bottom:5px}.ankolo_player-info .ankolo_song-artist{font-size:.9em;color:var(--text-secondary)}.ankolo_player-controls{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;margin-left:20px;margin-right:20px}.ankolo_player-buttons{display:flex;gap:20px;font-size:1.4em}.ankolo_player-buttons i{cursor:pointer;color:var(--text-secondary);transition:color .2s ease}.ankolo_player-buttons i:hover{color:var(--text-light)}.ankolo_player-buttons .fa-play-circle,.ankolo_player-buttons .fa-pause-circle{color:var(--accent-purple);font-size:1.8em}.ankolo_player-progress-bar-container{width:250px;height:5px;background-color:var(--border-color);border-radius:3px;position:relative;cursor:pointer}.ankolo_player-progress-bar{height:100%;width:40%;background-color:var(--accent-purple);border-radius:3px}.ankolo_player-timestamps{font-size:.8em;color:var(--text-secondary);display:flex;justify-content:space-between;width:100%;margin-top:5px}.ankolo_player-volume-controls{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto;width:120px}.ankolo_player-volume-controls .ankolo_volume-slider{-webkit-appearance:none;width:100%;height:5px;background:var(--border-color);outline:none;border-radius:3px;cursor:pointer}.ankolo_player-volume-controls .ankolo_volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--accent-blue);cursor:pointer}.ankolo_player-volume-controls .ankolo_volume-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--accent-blue);cursor:pointer}.ankolo_player-volume-controls i{font-size:1.1em;color:var(--text-secondary);cursor:pointer;transition:color .2s ease}.ankolo_player-volume-controls i:hover{color:var(--text-light)}@media (max-width:1200px){.ankolo_dashboard-container{flex-direction:column;gap:20px}.ankolo_right-sidebar-section{width:100%}.ankolo_dashboard-main-content{padding:0}}@media (max-width:1024px){.ankolo_trending-main-card,.ankolo_featured-artist-card{flex-direction:column;text-align:center;gap:20px}.ankolo_trending-image,.ankolo_artist-image{width:150px;height:150px}.ankolo_trending-actions,.ankolo_artist-actions{justify-content:center}.ankolo_podcast-grid,.ankolo_music-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}}@media (max-width:768px){.ankolo_top-bar{flex-direction:column;align-items:flex-end;gap:15px}.ankolo_top-bar .ankolo_nav-links{justify-content:flex-end;flex-wrap:wrap;gap:15px}.ankolo_section-header{font-size:1.3em}.ankolo_featured-artist-card .ankolo_artist-details h2{font-size:1.8em}.ankolo_music-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.ankolo_player-section{flex-direction:column;text-align:center;gap:15px;padding:15px}.ankolo_player-cover{width:60px;height:60px}.ankolo_player-controls{width:100%;margin:0}.ankolo_player-progress-bar-container{width:80%}.ankolo_player-buttons{font-size:1.2em}.ankolo_player-buttons .fa-play-circle,.ankolo_player-buttons .fa-pause-circle{font-size:1.5em}.ankolo_player-volume-controls{width:80%;justify-content:center;margin:10px auto 0 auto}}@media (max-width:480px){.ankolo_top-bar .ankolo_nav-links{justify-content:center}.ankolo_featured-artist-card{gap:15px}.ankolo_artist-image{width:120px;height:120px}.ankolo_artist-details h2{font-size:1.5em}.ankolo_music-grid{grid-template-columns:1fr;gap:10px}.ankolo_music-card{flex-direction:row;align-items:center;padding:10px;gap:10px}.ankolo_music-card img{width:60px;height:60px;margin-bottom:0;flex-shrink:0}.ankolo_music-card h3{font-size:1em}.ankolo_music-card p{font-size:.8em}.ankolo_music-card .ankolo_add-to-playlist-btn,.ankolo_music-card .ankolo_listen-btn{margin-top:0;margin-left:auto}.ankolo_player-section{padding:10px}}.ankolo_add-to-playlist-container{position:relative;display:inline-block;margin-top:10px;z-index:10}.ankolo_playlist-popover{position:absolute;bottom: calc(100% + 5px);left:50%;transform:translateX(-50%);background-color:var(--card-dark);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.4);padding:10px;min-width:180px;z-index:100;display:none;opacity:0;transition:opacity .2s ease , transform .2s ease}.ankolo_playlist-popover.show{display:block;opacity:1;transform:translateX(-50%) translateY(0)}.ankolo_playlist-popover h4{margin:0 0 8px 0;color:var(--text-light);font-size:.9em;font-weight:600;border-bottom:1px solid var(--border-color);padding-bottom:5px}.ankolo_playlist-popover ul{list-style:none;padding:0;margin:0}.ankolo_playlist-popover ul li{padding:8px 5px;cursor:pointer;color:var(--text-secondary);font-size:.9em;transition:background-color .2s ease , color .2s ease;border-radius:4px}.ankolo_playlist-popover ul li:hover{background-color:rgba(255,255,255,.1);color:var(--text-light)}.ankolo_playlist-popover ul li a{color:var(--accent-blue);text-decoration:none}.fading-message-popup{position:fixed;top:20px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:12px 25px;border-radius:8px;font-size:1em;z-index:10000;opacity:0;visibility:hidden;transition:opacity .5s ease-in-out , visibility .5s ease-in-out;box-shadow:0 4px 8px rgba(0,0,0,.2);text-align:center;min-width:250px}.fading-message-popup.show{opacity:1;visibility:visible}.fading-message-popup.success{background-color:rgba(40,167,69,.8)}.fading-message-popup.error{background-color:rgba(220,53,69,.8)}.fading-message-popup.info{background-color:rgba(23,162,184,.8)}