:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000;background-color:#fffbf0;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);background:linear-gradient(45deg,indigo,#c0382b,indigo);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-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);background:linear-gradient(90deg,red,orange,#ac0e3d,purple,#00f,indigo,violet);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;text-align:center}.search-input-wrapper{display:flex;margin-top:2vh;flex-wrap:wrap;flex-direction:column;height:5vh}.search-input-container{position:relative;z-index:0;width:calc(100% - 6px);height:4vh;display:flex;align-items:center;justify-content:center;border-radius:18px;padding:3px;overflow:visible}.search-input-container:before{content:"";position:absolute;width:calc(100% - 3px);height:calc(100% - 3px);background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;z-index:1;filter:blur(5px);opacity:1;border-radius:18px;animation:glowing 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}.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:#c0382b;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;z-index:2;transition:background-color .6s ease}.submit-button:hover{background-color:#80231a}.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:#990303bf}.back-button:hover{background:#990303d9}.download-button{background:#039903bf}.download-button:hover{background:#039903d9}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.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(150px,1fr));padding:10px;overflow-y:auto}.album-grid-item{display:flex;flex-direction:column;text-align:center;padding:2px;transition:background-color .3s ease}.album-grid-item:hover{background-color:#c0382b;color:#fff;cursor:pointer}.album-grid-img{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none}.album-grid-name{font-size:18px;background:linear-gradient(45deg,indigo,#c0382b,indigo);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;transition:color .3s ease,text-shadow .3s ease}.album-grid-item:hover .album-grid-name{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:inline-block;width:100%;overflow:hidden}.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-left:7%;margin-right:7%;justify-content:flex-end}.bottom-navigation-buttons-container{width:35%;display:flex;justify-content:space-evenly;align-items:center}.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}}