.songcontainer{flex-direction:column;align-items:center;width:80%;margin:0 auto;display:flex}.searchContainer{flex-direction:column;align-items:center;margin-top:20px;display:flex}.search-bar{text-align:center;border:1px solid #6ac;border-radius:30px;width:200px;margin-bottom:10px}.sort-group{justify-content:space-between;align-items:center;width:250px;display:flex}.sort-group input[type=radio]{accent-color:#4095bf}.songcontainer ul{flex-flow:wrap;justify-content:center;gap:20px;margin-top:20px;display:flex}.songcontainer li{background-color:#fff;border-radius:20px;width:200px;height:300px;margin-bottom:20px;list-style:none;position:relative}.songcontainer li:hover{transition:all .2s ease-in-out;transform:translateY(-5px);box-shadow:5px 5px 5px rgba(0,0,0,.2)}.songcontainer .levels-img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%;margin:10px auto;box-shadow:2px 2px 3px rgba(0,0,0,.1)}.song-title{margin-left:10px;font-size:14px;font-weight:700}.song-artist{color:gray;margin-left:10px;font-size:10px}.charter p{color:gray;font-size:10px;display:inline;position:absolute;bottom:20px;left:10px}.charter span{color:#4095bf;font-size:14px;font-weight:600;position:absolute;bottom:5px;left:10px}.rating{color:#fff;background:#b3d5e6;border-radius:30px;padding:10px 5px;font-size:14px;font-weight:700;position:absolute;bottom:10px;right:10px}.dashboard-container{flex-direction:column;align-items:center;gap:20px;width:100%;min-height:800px;margin-top:20px;display:flex}.my-charts{background-color:#d9eaf2;border-radius:40px;width:100%;max-width:1000px;height:80vh;min-height:700px;position:relative;overflow:auto;box-shadow:5px 5px 5px rgba(0,0,0,.2),-5px -5px 15px rgba(255,255,255,.5)}.upload-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background-color:rgba(255,255,255,.8);justify-content:center;justify-items:center;width:100%;min-height:80px;padding:30px;display:flex;position:-webkit-sticky;position:sticky;top:0;box-shadow:0 5px 5px rgba(0,0,0,.1)}.mode-selector{justify-content:center;gap:10px;width:100%;display:flex}.mode-btn{color:#fff;cursor:pointer;background-color:#b3d5e6;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s}.mode-btn:hover{background-color:#8cbfd9;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.mode-btn.active{background-color:#6ac;box-shadow:0 4px 8px rgba(0,0,0,.3)}.search-controls-container{background-color:rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.3);padding:20px}.search-controls{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:end;gap:15px;display:grid}.search-type-group,.search-field{flex-direction:column;gap:5px;display:flex}.search-field label{color:#379;font-size:14px;font-weight:600}.search-field input,.search-field select{background-color:rgba(255,255,255,.8);border:1px solid #6ac;border-radius:8px;padding:8px 12px;font-size:14px}.search-field input:focus,.search-field select:focus{border-color:#4095bf;outline:none;box-shadow:0 0 0 2px rgba(200,200,255,.3)}.search-btn{color:#fff;cursor:pointer;background-color:#b3d5e6;border:none;border-radius:8px;grid-column:1/-1;justify-self:center;margin-top:10px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s}.search-btn:hover{background-color:#8cbfd9;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.charts-section{justify-content:center;width:100%;padding:20px;display:flex}.my-charts::-webkit-scrollbar{display:none}@media (max-width:768px){.my-charts{max-width:95%;height:70vh;min-height:500px}.dashboard-container{gap:15px;min-height:600px}.upload-section{min-height:60px;padding:20px}.mode-selector{flex-direction:row;justify-content:center;gap:5px}.mode-btn{padding:10px 20px;font-size:14px}.search-controls{grid-template-columns:1fr;gap:10px}.search-controls-container{padding:15px}}