html,body{min-height:100%;margin:0}body{font-size:14px;font-family:Roboto;font-style:normal;margin:0;background:linear-gradient(140deg,#8c1eff,#f222ff,#ff2975 40%,#ff901f 75%,#ffd319)}a{text-decoration:none}.navbar{position:sticky;top:0;z-index:50;background:#faf03cf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 15px -3px #0000001a}.nav-content{max-width:1280px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.nav-text{margin-left:-.25rem}.logo{font-size:1.875rem;font-weight:700;color:#6b21a8}.nav-links{display:flex;gap:2rem}.nav-link{display:flex;align-items:center;gap:.5rem;color:#1f2937;font-weight:600;cursor:pointer;transition:all .3s}.nav-link:hover{color:#7c3aed;transform:scale(1.1)}.icon,.nav-icon{font-size:1.25rem}.nav-icon{margin-top:.25rem}.title,.title-sm{font-size:2rem}.title-sm{display:none}.about-info{height:0;z-index:1000}.song-list{-ms-overflow-style:none;scrollbar-width:none}.song-list::-webkit-scrollbar{display:none}.header-content{display:flex;justify-content:space-between;height:3rem;padding:1.5rem 1rem .5rem 2rem;font-weight:700;font-size:1.5rem;color:#ffc944}.nav-bar{display:flex}.nav-item{margin:0 0 0 1.5rem;color:#5900b6}.icon-item{width:4rem;display:flex}.icon-settings{height:2.5rem!important;width:2.5rem!important}.itch-settings{height:3.1rem!important;width:3.1rem!important;margin:-.25rem!important}.icon-settings,.itch-settings{color:#2cfff8!important}.icon-settings:hover,.itch-settings:hover{color:#fffb0c!important}.info-item{margin-bottom:3rem;padding:0 25px;height:25px;font-size:16px;line-height:25px;border-radius:25px;background-color:#f222ff;border:2px solid rgb(140,30,255);text-align:center;cursor:pointer;color:#fff;font-weight:500}.info-item-sm{padding-top:.25rem;margin-right:.5rem;height:1.75rem;width:6.25rem;font-size:.75;line-height:1.5rem;border-radius:.75rem;background-color:#f222ff;border:2px solid rgb(140,30,255);text-align:center;cursor:pointer;color:#fff;font-weight:500}.info-item:hover{background-color:#fffb0c!important}.info-item:hover .socials-text,.info-item:hover .itch-settings,.info-item:hover .icon-settings{color:#f222ff!important;fill:#f222ff!important}a.no-style:link,a.no-style:visited{text-decoration:inherit;color:inherit}.songs-display-selector{margin-top:0rem}.song-list{position:relative;overflow-y:auto;height:calc(100vh - 17rem)}.selected-genre{display:flex;justify-content:center;padding:2rem;background-color:#da21ff;border:1px solid rgb(255,255,51)!important}.genre-item{display:flex;justify-content:center;padding:2rem;background-color:#044db5bf}.genre-item:hover{background-color:#ff3}h2{margin:0}.socials-content{position:relative;display:flex;justify-content:center;z-index:1000;margin-top:2rem}.socials-items{display:flex;flex-direction:row}@media only screen and (max-width: 576px){.songs-display-selector{margin-top:3rem}.about-info{margin-top:5rem}}@media only screen and (max-width: 960px){.follow-text{width:20rem!important}.header-content{padding:1.5rem}.about-info{margin-top:5rem}.songs-display-selector{margin-top:3rem}.the-lasagna{display:none}.title-sm{display:flex;width:-webkit-fill-available}.title{display:none}.selected-genre,.genre-item{padding:.5rem}.song-list{height:calc(100vh - 26rem)}.socials-items{display:flex;flex-direction:column}}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.featured-album-img{height:100%;width:100%;object-fit:cover;border-radius:1rem}@media only screen and (max-width: 430px){body{background:linear-gradient(180deg,#8c1eff,#f222ff,#ff2975 40%,#ff901f 75%,#ffd319)}}.footer{position:relative;max-width:1280px;margin:0 auto;padding:4rem 1.5rem}.footer-card{background:#f222ff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:1rem;padding:2rem;box-shadow:0 10px 15px -3px #0000001a}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.footer-logo{font-size:1.875rem;font-weight:700;color:#fdf215}.social-links{display:flex;margin-top:.25rem;gap:1.25rem}.social-link{position:relative;font-size:2rem;text-decoration:none;transition:all .3s}.social-link:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#000000bf;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.social-link:hover{transform:scale(1.15)}.social-link:hover:after{opacity:1}.copyright{color:#fdf215}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center}.nav-links{gap:1rem}}.track-card{border-radius:.75rem;display:flex;flex-direction:row;align-items:stretch;min-height:140px;overflow:hidden;box-shadow:0 4px 12px #0003;transition:transform .2s,box-shadow .2s}.track-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.track-body{flex:1;display:flex;flex-direction:column;min-width:0;height:10rem}.track-content{flex:1;display:flex;flex-direction:row;align-items:stretch;min-width:0}.track-cover{width:128px;min-width:128px;object-fit:cover;display:block}.track-main{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:.75rem 1rem .5rem;min-width:0}.track-title{font-size:1rem;font-weight:700;color:#fff;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.3)}.track-description{font-size:.75rem;color:#ffffffbf;margin-top:.2rem;font-style:italic}.track-tag-bar{display:flex;flex-wrap:wrap;gap:.3rem;padding:.5rem 1rem;border-top:1px solid rgba(255,255,255,.25);align-items:center}.track-tag{font-size:.65rem;font-weight:600;padding:.1rem .45rem;border-radius:999px;background:#fff3;color:#ffffffe6;text-transform:lowercase;letter-spacing:.02em}.play-zone-icon{font-size:1.4rem;color:#fff;line-height:1;transition:transform .2s,color .2s}.play-zone-label{font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffffffbf;transition:color .2s}