:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000;background-color:#fffc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}html{overflow:hidden}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100dvh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;height:100dvh;overflow:hidden}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;justify-content:center;align-items:center}.poster-view-parent-container{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;justify-items:center}.outer-container{overflow:hidden;display:flex;flex-direction:column;height:100dvh;justify-content:center;padding-left:5px;padding-right:5px;padding-top:env(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}.poster-view-container{background-color:#fff;display:flex;flex-direction:column;height:100%;-webkit-user-select:none;user-select:none;overflow:hidden}.poster-image-container{height:65%;padding:5% 5% 2%;box-sizing:border-box}.poster-image-container img{width:100%;height:100%;object-fit:contain}.poster-bottom-container-style1{font-family:Jost,sans-serif;height:35%;display:flex;flex-direction:column}.poster-title-container-style1{height:30%;display:flex;flex-direction:row;padding-left:7%;padding-right:7%}.album-title{font-size:36px;font-weight:700}.album-artist{font-size:22px;font-weight:400}.album-colors-container{display:flex;flex-direction:row;justify-content:space-evenly}.poster-tracklist-container-style1{height:70%;display:flex;flex-direction:column;justify-content:center;padding-left:7%;padding-right:7%}.poster-tracklist{height:fit-content}.poster-tracklist-item{display:block;margin-bottom:4px;break-inside:avoid}.poster-bottom-container-style2{height:35%;display:flex;flex-direction:row;font-family:Raleway,sans-serif}.poster-tracklist-container-style2{height:100%;width:60%;display:flex;flex-direction:column;padding-left:7%;padding-right:2%;overflow:hidden}.poster-title-container-style2{height:100%;width:40%;display:flex;flex-direction:column;padding-left:2%;padding-right:7%;justify-content:space-evenly}.poster-content-container-style3{height:auto;max-height:50%;padding-left:7%;padding-right:7%}.site-title{font-family:Iosevka Charon,sans-serif;font-size:clamp(1.5rem,5vw + 1rem,5rem);color:#fff;-webkit-user-select:none;user-select:none;text-align:center}.site-title-small{font-family:Iosevka Charon,sans-serif;font-size:clamp(1rem,5cqw + .8rem,3rem)}.site-subtitle{font-family:Iosevka Charon,sans-serif;font-size:clamp(.5rem,2vw + .6rem,1.5rem);color:#fff;-webkit-user-select:none;user-select:none;text-align:center}.search-input-wrapper{display:flex;margin-top:2vh;margin-bottom:2vh;flex-wrap:wrap;flex-direction:column;height:5vh}.search-input-container{position:relative;z-index:0;width:calc(100% - 6px);height:5vh;display:flex;align-items:center;justify-content:center;border-radius:18px;padding:3px;overflow:visible;box-shadow:0 0 5px 2px #b300ff;animation:glowing-shadow 20s linear infinite}.search-input{font-family:Iosevka Charon,sans-serif;height:100%;width:100%;border-top-left-radius:15px;border-bottom-left-radius:15px;border:none;font-size:24px;box-sizing:border-box;padding:14px;z-index:2;background-color:#ffdcff}.search-input::placeholder{color:#181818b3}.search-input.empty{border-radius:15px}.search-input:focus{outline:none;border:none}.submit-button-empty{visibility:hidden;width:0;height:0;padding:0;border:0}.submit-button{transition:width 1s ease;width:15%;height:100%;border-top-right-radius:18px;border-bottom-right-radius:18px;border:none;background-color:#782cf3;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;z-index:2;transition:background-color .6s ease}.submit-button:hover{background-color:#5917c4;animation:bounceButtons .4s ease}.standard-button{height:56px;width:56px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.back-button{background:#782cf3}.back-button:hover{background:#5917c4;animation:bounceButtons .4s ease}.download-button{background:#039903bf}.download-button:hover{background:#039903d9;animation:bounceButtons .4s ease}@keyframes glowing-shadow{0%{box-shadow:inset 0 0 5px 2px red,0 0 5px 2px red}12%{box-shadow:inset 0 0 5px 2px #ff7300,0 0 5px 2px #ff7300}25%{box-shadow:inset 0 0 5px 2px #fffb00,0 0 5px 2px #fffb00}37%{box-shadow:inset 0 0 5px 2px #48ff00,0 0 5px 2px #48ff00}50%{box-shadow:inset 0 0 5px 2px #00ffd5,0 0 5px 2px #00ffd5}62%{box-shadow:inset 0 0 5px 2px #002bff,0 0 5px 2px #002bff}75%{box-shadow:inset 0 0 5px 2px #7a00ff,0 0 5px 2px #7a00ff}87%{box-shadow:inset 0 0 5px 2px #ff00c8,0 0 5px 2px #ff00c8}to{box-shadow:inset 0 0 5px 2px red,0 0 5px 2px red}}.dropup{position:relative;display:inline-block}.dropup-menu{position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%) scale(.95);display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:12px;background:#03990333;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:all .15s ease}.dropup.open .dropup-menu{opacity:1;transform:translate(-50%) scale(1);pointer-events:auto}.dropup-item{min-height:48px;padding:12px 16px;border-radius:8px;border:none;cursor:pointer;background:#ffffff40;transition:background .2s}.dropup-item:hover{background:#ffffffbf}.sample-image{width:100%;max-width:760px;margin:20px;align-self:center;border-radius:20px}.album-grid{font-family:Iosevka Charon,sans-serif;display:grid;gap:3vh 1vw;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:10px;overflow-y:auto}.album-grid-item{display:flex;flex-direction:column;text-align:center;width:180px;height:300px;padding:2px;background:#00000026;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:24px;transition:background-color .3s ease;overflow:clip}.album-grid-item:hover{background-color:#5917c4;color:#fff;cursor:pointer;box-shadow:#0000004d 0 10px 15px;animation:bounce .4s ease}.album-grid-img{width:auto;height:100%;display:block;-webkit-user-select:none;user-select:none}.album-grid-name{font-size:18px;color:#fff;-webkit-user-select:none;user-select:none;transition:color .3s ease,text-shadow .3s ease}.album-grid-artist{-webkit-user-select:none;user-select:none;color:#a4ff87}.album-grid-item:hover .album-grid-name,.album-grid-item:hover .album-grid-artist{background:none;background-clip:initial;-webkit-background-clip:initial;-webkit-text-fill-color:initial;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.6)}.album-grid-image-wrapper{position:relative;display:flex;width:100%;overflow:hidden;border-radius:22px 22px 0 0;height:60%;justify-content:center}.album-grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#80808099;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;font-weight:600;opacity:1;transition:opacity .3s ease}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:120px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;background:#00000040;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);cursor:pointer;transition:all .2s ease;z-index:1}.arrow:hover{background:#00000073}.arrow.left{left:-.7%}.arrow.right{right:-.7%}.bottom-navigation-outer-container{text-align:center;height:10%;display:flex;margin:5px 7%;justify-content:flex-end}.bottom-navigation-buttons-container{width:35%;display:flex;justify-content:space-evenly;align-items:center;background:#00000040;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:24px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#292929e6;display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;z-index:1000}.embla{position:relative}.embla__viewport{overflow:hidden}.embla__container{display:flex;touch-action:pan-y pinch-zoom}.embla__slide{flex:0 0 100%;min-width:0}.popup-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;font-family:Iosevka Charon,sans-serif}.popup{background:#ffffff14;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:.5px solid rgba(255,255,255,.18);border-radius:20px;padding:40px 36px 32px;max-width:340px;width:88%;color:#fff;text-align:center}.swipe-icon{margin:0 auto 22px;height:52px;display:flex;align-items:center;justify-content:center}.hand{font-size:36px;display:inline-block;animation:swipe 2s ease-in-out infinite}@keyframes swipe{0%{transform:translate(-10px);opacity:1}40%{transform:translate(10px);opacity:1}60%{transform:translate(10px);opacity:1}to{transform:translate(-10px);opacity:1}}.btn-dismiss{background:#ffffffeb;color:#1a1430;border:none;border-radius:100px;padding:11px 32px;font-family:Iosevka Charon,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,transform .15s}.btn-dismiss:hover{background:#fff;transform:scale(1.02)}.btn-dismiss:active{transform:scale(.97)}@media print{.outer-container{display:none!important}}@keyframes bounce{0%{transform:scale(1)}40%{transform:scale(1.03)}70%{transform:scale(.98)}to{transform:scale(1)}}@keyframes bounceButtons{0%{transform:scale(1)}40%{transform:scale(1.15)}70%{transform:scale(.98)}to{transform:scale(1)}}.bg{animation:slide 7s ease-in-out infinite alternate;background-image:linear-gradient(-60deg,#ff9046 50%,#fc5d5d 50%);inset:0 -50%;opacity:.5;position:fixed;z-index:-1}.bg2{animation-direction:alternate-reverse;animation-duration:4s}.bg3{animation-duration:5s}@keyframes slide{0%{transform:translate(-25%)}to{transform:translate(25%)}}