.albums-page{display:grid}.album-details-stack{inset:0;z-index:5;overscroll-behavior:contain;isolation:isolate;background:var(--color-bg) url("data:image/svg+xml,%3csvg%20width='429'%20height='885'%20viewBox='0%200%20429%20885'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2058_345)'%3e%3crect%20width='429'%20height='885'%20fill='%23242424'/%3e%3cg%20filter='url(%23filter0_f_2058_345)'%3e%3cpath%20d='M-248.053%201219.91C-393.747%201223.33%20-540%201133.17%20-540%20987.378C-540%20871.114%20-534.959%20637.326%20-514.796%20567.848C-489.592%20481%20-143.737%20473.996%20137.008%20520.222C417.753%20566.447%20253.227%20679.209%20241.325%20943.954C231.804%201155.75%20-88.8944%201216.17%20-248.053%201219.91Z'%20fill='%23C35454'%20fill-opacity='0.28'/%3e%3c/g%3e%3cg%20filter='url(%23filter1_f_2058_345)'%3e%3cpath%20d='M482.947%20441.906C337.253%20445.325%20191%20355.169%20191%20209.378C191%2093.1143%20196.041%20-140.674%20216.204%20-210.152C241.408%20-297%20587.263%20-304.004%20868.008%20-257.778C1148.75%20-211.553%20984.227%20-98.7911%20972.325%20165.954C962.804%20377.751%20642.106%20438.171%20482.947%20441.906Z'%20fill='%23C38854'%20fill-opacity='0.28'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_2058_345'%20x='-757.9'%20y='274.1'%20width='1275.8'%20height='1163.8'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='108.95'%20result='effect1_foregroundBlur_2058_345'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_2058_345'%20x='-26.9'%20y='-503.9'%20width='1275.8'%20height='1163.8'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='108.95'%20result='effect1_foregroundBlur_2058_345'/%3e%3c/filter%3e%3cclipPath%20id='clip0_2058_345'%3e%3crect%20width='429'%20height='885'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") center / cover no-repeat fixed;width:100vw;height:100dvh;animation:.52s cubic-bezier(.22,1,.36,1) both album-details-slide-in;inset:0;overflow-y:auto;box-shadow:-24px 0 60px #00000047;position:fixed!important}.album-details-stack--entered{transition:transform .22s cubic-bezier(.22,1,.36,1);animation:none;transform:translate(0,0)}.album-details-stack--dragging{transform:translate3d(var(--album-details-swipe-offset,0), 0, 0);transition:none;animation:none}.album-details-stack:before{content:none}.album-details-stack__content{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 24px calc(128px + env(safe-area-inset-bottom))}.album-details-stack--leaving{pointer-events:none;animation:.42s cubic-bezier(.4,0,.2,1) both album-details-slide-out}.album-details-stack--swipe-leaving{pointer-events:none;transition:transform .24s cubic-bezier(.4,0,.2,1),box-shadow .24s;animation:none;transform:translate(100vw);box-shadow:-24px 0 60px #0000}@keyframes album-details-slide-in{0%{transform:translate(100%)}to{transform:translate(0,0)}}@keyframes album-details-slide-out{0%{transform:translate(0,0);box-shadow:-24px 0 60px #00000047}to{transform:translate(100%);box-shadow:-24px 0 60px #0000}}@media (prefers-reduced-motion:reduce){.album-details-stack,.album-details-stack--leaving{animation-duration:1ms}}.category-filter{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;gap:10px;margin:4px -24px 0;padding:0 24px 4px;display:flex;overflow-x:auto}.category-filter::-webkit-scrollbar{display:none}.category-filter__button{background:var(--gradient-fill);width:auto;color:var(--color-text);font-size:var(--text-14);font-weight:var(--weight-medium);border:1px solid #ffffff24;border-radius:999px;flex:none;padding:2px 16px}.category-filter__button--active{border-color:var(--color-primary);background:var(--color-primary);color:#000;font-weight:var(--weight-bold)}.album-category-group{gap:14px;display:grid}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.album-card{color:inherit;flex-direction:column;gap:5px;text-decoration:none;display:flex}.album-cover{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}.album-card--loading{pointer-events:none}.album-cover--loading,.album-card-loading-line,.album-loading-title{background:linear-gradient(90deg,#ffffff14,#ffffff29,#ffffff14) 0 0/200% 100%;animation:1.2s ease-in-out infinite album-details-loading-shimmer}.album-card-loading-line,.album-loading-title{border-radius:999px;height:14px}.album-card-loading-line{width:78%}.album-card-loading-line--category{width:46%}.album-loading-title{width:min(70%,280px);height:20px;margin-top:25px}.album-card h2{margin:8px 0 2px;font-size:1rem}.album-card p{opacity:.7;margin:0}.album-details-cover{aspect-ratio:1;object-fit:cover;border-radius:10px;justify-self:center;width:250px;max-width:250px;box-shadow:4px 8px 8px #26262661}.album-details-cover--loading,.album-details-loading-line{background:linear-gradient(90deg,#ffffff14,#ffffff29,#ffffff14) 0 0/200% 100%;animation:1.2s ease-in-out infinite album-details-loading-shimmer}.album-details-loading-copy{gap:12px;display:grid}.album-details-loading-line{border-radius:999px;width:100%;height:16px}.album-details-loading-line--title{width:76%;height:28px}.album-details-loading-line--short{width:48%}@keyframes album-details-loading-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.album-cover-flipper{aspect-ratio:1;perspective:1000px;cursor:pointer;width:250px}.album-cover-flipper:focus-visible{outline:2px solid var(--color-primary);outline-offset:6px;border-radius:10px}.album-cover-flipper__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.album-cover-flipper--flipped .album-cover-flipper__inner{transform:rotateY(180deg)}.album-cover-flipper__face{backface-visibility:hidden;position:absolute;inset:0}.album-cover-flipper__face--back{transform:rotateY(180deg)}.album-details-back-button{width:44px;height:44px;color:var(--color-text);background:0 0;border:0;justify-content:flex-start;align-items:flex-start;padding:0;line-height:1;display:flex;position:absolute;top:0;left:0}.album-details-back-icon{font-size:24px;font-weight:300;line-height:1;display:block;transform:translate(-5px,-2px)}.album-details-floating-back-button{top:calc(0px + env(safe-area-inset-top));z-index:25;width:44px;height:0;color:var(--color-text);opacity:0;pointer-events:none;background:0 0;border:0;justify-content:flex-start;align-items:flex-start;margin:0 0 0 24px;padding:0;line-height:1;transition:opacity .18s,transform .18s;display:flex;position:sticky;transform:translateY(-8px)}.album-details-floating-back-button--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.album-cover-control{z-index:2;width:36px;height:36px;color:var(--color-text);font-size:var(--text-20);opacity:0;pointer-events:none;background:#00000073;border:0;border-radius:999px;place-items:center;padding:0;line-height:1;transition:opacity .18s,transform .18s,background .18s;display:grid;position:absolute;right:calc(50% - 117px);transform:translate(6px)}.album-cover-flipper:hover~.album-cover-control,.album-cover-flipper:focus-visible~.album-cover-control,.album-cover-control:hover,.album-cover-control:focus-visible{opacity:1;pointer-events:auto;transform:translate(0)}.album-cover-control--lightbox{top:8px}.album-cover-control--flip{bottom:8px}.album-cover-control:hover,.album-cover-control:focus-visible{background:#000000ad}.album-lightbox{z-index:10000;pointer-events:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;background:#000000e0;padding:0;position:fixed;inset:0;overflow:hidden}.album-lightbox__stage{overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;place-items:center;width:100%;height:100%;padding:24px;display:grid;overflow:auto}.album-lightbox__content{justify-items:center;gap:16px;max-width:100%;display:grid}.album-lightbox__image{object-fit:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-user-select:none;user-select:none;border-radius:12px;width:min(100%,820px);max-height:calc(100dvh - 48px)}.album-lightbox__close{z-index:10001;width:44px;height:44px;color:var(--color-text);font-size:var(--text-24);top:calc(18px + env(safe-area-inset-top));background:#ffffff1f;border:0;border-radius:999px;place-items:center;padding:0;line-height:1;display:grid;position:fixed;right:18px}.album-lightbox__flip{width:44px;height:44px;color:var(--color-text);font-size:var(--text-24);background:#ffffff1f;border:0;border-radius:999px;place-items:center;padding:0;line-height:1;display:grid}.main-title{font-size:var(--text-14);font-weight:var(--weight-semibold)}.category{font-size:var(--text-14);font-weight:var(--weight-bold);color:var(--color-primary)}.category-title{margin-top:25px;margin-bottom:0}.cover-section{justify-items:center;width:100%;margin-bottom:25px;display:grid;position:relative}.event-name{margin:0;font-size:14px}.event-action-area{flex-direction:column;gap:8px;display:flex}.event-icons{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;display:flex}.icons{flex-direction:row;align-items:center;gap:8px;display:flex}.album-detail-menu{flex-direction:row;gap:20px;margin:15px 0;display:flex}.album-detail-menu__item{width:auto;min-height:25px;color:var(--color-text-inactive);font-size:var(--text-16);font-weight:var(--weight-medium);background:0 0;border:0;border-radius:0;padding:0 0 10px;line-height:1;transition:color .22s,transform .22s;display:flex;position:relative}.album-detail-menu__item:after{content:"";background:var(--color-primary);opacity:0;transform-origin:0;border-radius:999px;width:30px;height:3px;transition:opacity .22s,transform .26s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;transform:scaleX(.4)}.album-detail-menu__item--active{color:var(--color-text)}.album-detail-menu__item--active:after{opacity:1;transform:scaleX(1)}.album-detail-menu__item:active{transform:translateY(1px)}.album-detail-section-viewport{--album-detail-section-gap:28px;width:100%;overflow:hidden}.album-detail-section-track{gap:var(--album-detail-section-gap);width:100%;margin-left:calc(var(--album-detail-section-index,0) * ((-100%) - var(--album-detail-section-gap)));transition:margin-left .36s cubic-bezier(.22,1,.36,1);display:flex}.album-detail-section{flex:0 0 100%;min-width:0;min-height:45dvh;padding-top:12px}.album-action-icon{width:32px;height:32px;color:var(--color-text-inactive);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;line-height:1;transition:color .18s,transform .18s;display:grid}.icons .album-action-icon:first-child{margin-left:-3px}.album-action-icon:active{transform:scale(.94)}.album-action-icon:disabled{cursor:default;opacity:1}.album-action-icon--active{color:var(--color-primary)}.album-action-icon__symbol{font-variation-settings:"FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;font-size:26px;font-weight:300;line-height:1}.album-action-icon--active .album-action-icon__symbol{font-variation-settings:"FILL" 1, "wght" 300, "GRAD" 0, "opsz" 24}.album-action-icon--downloading .album-action-icon__symbol{font-variation-settings:"FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;animation:.9s linear infinite album-action-icon-spin}.album-action-icon--favourite{position:relative}.album-action-icon--favourite:before{content:"";border-radius:inherit;background:color-mix(in srgb, var(--color-primary) 24%, transparent);opacity:0;pointer-events:none;position:absolute;inset:3px;transform:scale(.55)}.album-action-icon--favourite.album-action-icon--active:before{animation:.52s ease-out both album-heart-pulse}.album-action-icon--favourite.album-action-icon--active .album-action-icon__symbol{animation:.52s cubic-bezier(.2,1.7,.35,1) both album-heart-pop}@keyframes album-action-icon-spin{to{transform:rotate(360deg)}}@keyframes album-heart-pop{0%{transform:scale(.72)rotate(-8deg)}45%{transform:scale(1.28)rotate(6deg)}72%{transform:scale(.94)rotate(-2deg)}to{transform:scale(1)rotate(0)}}@keyframes album-heart-pulse{0%{opacity:.58;transform:scale(.55)}to{opacity:0;transform:scale(1.85)}}.menu-title{margin:0}.tracklist-header{width:100%;margin-bottom:25px}.tracklist-info{justify-content:space-between;align-items:left;flex-direction:column;display:flex}.tracklist-meta{font-size:12px;font-weight:var(--weight-bold);color:var(--color-primary)}.tracklist-controls{flex-direction:row;flex:none;align-items:center;gap:12px;display:flex}.tracklist-play{color:#000;background:var(--color-primary);border:0;border-radius:500px;place-items:center;width:50px;height:50px;padding:0;line-height:1;display:grid}.tracklist-shuffle{width:40px;height:40px;color:var(--color-text-inactive);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;line-height:1;transition:color .18s,transform .18s;display:grid}.tracklist-controls .tracklist-shuffle{margin-left:-3px}.tracklist-shuffle--active{color:var(--color-primary)}.tracklist-play:active,.tracklist-shuffle:active{transform:scale(.94)}.tracklist-control-icon{font-variation-settings:"FILL" 1, "wght" 300, "GRAD" 0, "opsz" 24;font-size:30px;font-weight:300;line-height:1}.tracklist-shuffle .tracklist-control-icon{font-size:28px}.tracklist-songlist{gap:15px;margin-top:18px;display:grid}.tracklist-song{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.tracklist-song-details{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.tracklist-song-title{max-width:min(280px,100vw - 120px);color:var(--color-text);font-size:var(--text-16);font-weight:var(--weight-semibold);overflow-wrap:anywhere;margin:0;line-height:1.25}.tracklist-song-artist{color:var(--color-text-inactive);font-size:var(--text-14);font-weight:var(--weight-medium);margin:0;line-height:1.2}.tracklist-song-moreinfo{width:36px;height:36px;color:var(--color-text-inactive);background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;line-height:1;display:grid}.tracklist-song-moreinfo-icon{font-variation-settings:"FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;font-size:28px;font-weight:300;line-height:1}.nav-bar{z-index:10;background:var(--gradient-fill) padding-box, linear-gradient(333deg,#282828 0%, #666 100%) border-box;border:1px solid #0000;border-radius:60px;grid-template-columns:repeat(4,1fr);gap:3px;padding:10px 12px 12px;display:grid;position:fixed;bottom:25px;left:25px;right:25px}.nav-bar__link{color:#ffffffb8;min-height:44px;font-size:var(--text-12);background:0 0;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-weight:400;text-decoration:none;display:flex}.nav-bar__link--active{color:var(--color-primary)}.nav-bar__icon{font-size:30px;line-height:1}.nav-bar__label{line-height:1}.signin-page{--signin-splash-size:500px;min-height:100dvh;overflow:hidden}.signin-page__content{justify-content:center;align-items:center;display:flex}.signin-splash{z-index:1;width:var(--signin-splash-size);aspect-ratio:1;pointer-events:none;transition:top .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),width .7s cubic-bezier(.22,1,.36,1);position:fixed;top:50%;left:51%;transform:translate(-50%,-50%)}.signin-splash canvas{width:100%!important;height:100%!important}.signin-page--ready .signin-splash{width:var(--signin-splash-size);top:25%}.signin-page--success .signin-splash{width:var(--signin-splash-size);top:50%}.signin-card{z-index:2;opacity:0;width:min(100%,420px);margin-top:150px;padding:0;transition:opacity .42s,transform .42s;position:relative;transform:translateY(18px)}.signin-page--ready .signin-card{opacity:1;transition-delay:.18s;transform:translateY(0)}.signin-page--success .signin-card{opacity:0;pointer-events:none;transition-delay:0s;transform:translateY(18px)scale(.98)}.signin-card h1{margin-bottom:15px}.signin-card p{color:#ffffffb8;margin:0 0 24px}.signin-card form{gap:18px;display:grid}.signin-card label{color:#ffffffd1;font-size:var(--text-16);font-weight:var(--weight-medium);gap:8px;display:grid}.signin-card input{width:100%;color:var(--color-text);background:#ffffff14;border:1px solid #ffffff29;border-radius:15px;outline:none;padding:14px 16px;transition:border-color .16s,background .16s,box-shadow .16s}.signin-card input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent);background:#ffffff1f}.signin-card button:disabled{cursor:wait;opacity:.7}.form-error{color:#ff8c8c;margin:-4px 0 0}@media (height<=720px){.signin-page--ready .signin-splash{width:var(--signin-splash-size);top:21%}.signin-card{margin-top:220px}}:root{--color-bg:#242424;--color-primary:#f2aa58;--color-text:#fff;--color-text-inactive:#ffffff80;--color-light-grey:#c6c6c6;--color-panel:#1f1f1fbf;--gradient-stroke:linear-gradient(333deg,#282828 0%, #666 100%);--gradient-fill:linear-gradient(130deg,#363636 0%, #434343 100%);--gradient-stroke-trans:linear-gradient(333deg,#282828bf 0%, #666666bf 100%);--gradient-fill-trans:linear-gradient(150deg,#363636bf 0%, #434343bf 100%);--font-primary:"Poppins", sans-serif;--text-12:12px;--text-14:14px;--text-16:16px;--text-18:18px;--text-20:20px;--text-24:24px;--weight-medium:500;--weight-semibold:600;--weight-bold:700}*{box-sizing:border-box}:root{background:var(--color-bg)}html,body,#root{background:var(--color-bg);width:100%;max-width:100%;margin:0;overflow-x:hidden}html{font-family:var(--font-primary);color:var(--color-text);overscroll-behavior:none;touch-action:pan-y;-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--color-text);font-family:inherit;font-size:var(--text-md);overscroll-behavior:none;touch-action:pan-y;overflow-x:hidden}body.lightbox-gesture-mode{touch-action:pan-x pan-y pinch-zoom}#root{touch-action:pan-y;min-height:100dvh}.app-shell{background:var(--color-bg);overscroll-behavior:none;min-height:100dvh;overflow-x:hidden}.app-content{overscroll-behavior:none;background:0 0;min-height:auto;overflow-x:hidden}button,a,input,textarea,select{font:inherit;touch-action:manipulation}.app-background{background:var(--color-bg) url("data:image/svg+xml,%3csvg%20width='429'%20height='885'%20viewBox='0%200%20429%20885'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2058_345)'%3e%3crect%20width='429'%20height='885'%20fill='%23242424'/%3e%3cg%20filter='url(%23filter0_f_2058_345)'%3e%3cpath%20d='M-248.053%201219.91C-393.747%201223.33%20-540%201133.17%20-540%20987.378C-540%20871.114%20-534.959%20637.326%20-514.796%20567.848C-489.592%20481%20-143.737%20473.996%20137.008%20520.222C417.753%20566.447%20253.227%20679.209%20241.325%20943.954C231.804%201155.75%20-88.8944%201216.17%20-248.053%201219.91Z'%20fill='%23C35454'%20fill-opacity='0.28'/%3e%3c/g%3e%3cg%20filter='url(%23filter1_f_2058_345)'%3e%3cpath%20d='M482.947%20441.906C337.253%20445.325%20191%20355.169%20191%20209.378C191%2093.1143%20196.041%20-140.674%20216.204%20-210.152C241.408%20-297%20587.263%20-304.004%20868.008%20-257.778C1148.75%20-211.553%20984.227%20-98.7911%20972.325%20165.954C962.804%20377.751%20642.106%20438.171%20482.947%20441.906Z'%20fill='%23C38854'%20fill-opacity='0.28'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_2058_345'%20x='-757.9'%20y='274.1'%20width='1275.8'%20height='1163.8'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='108.95'%20result='effect1_foregroundBlur_2058_345'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_2058_345'%20x='-26.9'%20y='-503.9'%20width='1275.8'%20height='1163.8'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='108.95'%20result='effect1_foregroundBlur_2058_345'/%3e%3c/filter%3e%3cclipPath%20id='clip0_2058_345'%3e%3crect%20width='429'%20height='885'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") center / cover no-repeat fixed;touch-action:pan-y;min-height:100vh;position:relative}.app-background:before{content:none}.page-content{min-height:100vh;padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));touch-action:pan-y}h1{font-size:var(--text-24);font-weight:var(--weight-semibold);margin:0}h2{font-size:var(--text-20);font-weight:var(--weight-medium)}h3{font-size:var(--text-16);font-weight:var(--weight-semibold)}button{background-color:var(--color-primary);color:#000;width:100%;font-size:var(--text-16);font-weight:var(--weight-semibold);border:none;border-radius:15px;padding:15px}.emphasis-h1{color:var(--color-primary)}.user-profile-header{object-fit:cover;border-radius:60px;width:35px;height:35px}.app-header{justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}