@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700;800&display=swap";.particles-container{width:100%;height:100%;position:relative}.particles-container canvas{width:100%;height:100%;display:block}.infinite-menu{position:absolute;inset:0;overflow:hidden}.infinite-menu:after{z-index:2;content:"";pointer-events:none;background:radial-gradient(circle,#0000 35%,#0809085c 70%),linear-gradient(90deg,#080908a3,#0000 25% 75%,#08090894);position:absolute;inset:0}.infinite-menu>canvas{z-index:1;cursor:grab;touch-action:none;outline:none;width:100%;height:100%;position:relative}.infinite-menu>canvas:active{cursor:grabbing}.menu-particles{z-index:0;pointer-events:none;position:absolute;inset:0}.album-caption,.play-count,.view-album{z-index:3;transition:opacity .3s,transform .5s cubic-bezier(.2,.8,.2,1);position:absolute}.album-caption.inactive,.play-count.inactive,.view-album.inactive{opacity:0;pointer-events:none}.album-caption{pointer-events:none;width:min(28rem,34vw);top:50%;left:clamp(6rem,8vw,9rem);transform:translateY(-40%)}.album-caption.active{transform:translateY(-50%)}.album-rank{color:#b8ff57;letter-spacing:.16em;margin-bottom:.8rem;font-family:DM Mono,monospace;font-size:.76rem;display:block}.album-caption h2{letter-spacing:-.065em;text-wrap:balance;max-width:12ch;margin:0;font-size:clamp(2.25rem,5vw,5.6rem);font-weight:700;line-height:.9}.album-caption p{color:#a6a89f;margin:1.1rem 0 0;font-size:clamp(.9rem,1.2vw,1.1rem)}.play-count{pointer-events:none;justify-items:end;margin:0;display:grid;top:50%;right:clamp(6rem,8vw,9rem);transform:translateY(-40%)}.play-count.active{transform:translateY(-50%)}.play-count strong{letter-spacing:-.08em;font-family:DM Mono,monospace;font-size:clamp(2.3rem,4vw,4.6rem);font-weight:300;line-height:1}.play-count>span{color:#b8ff57;letter-spacing:.18em;text-transform:uppercase;margin-top:.5rem;font-family:DM Mono,monospace;font-size:.7rem}.view-album{z-index:20;color:#f4f1e8;cursor:pointer;backdrop-filter:blur(12px);background:#080908c7;border:1px solid #b8ff57;border-radius:999px;align-items:center;gap:1rem;padding:.85rem .95rem .85rem 1.2rem;display:flex;bottom:clamp(1.5rem,5vh,3.8rem);left:50%;transform:translate(-50%)}.globe-navigation{z-index:4;color:#f4f1e8b3;cursor:pointer;backdrop-filter:blur(10px);background:#0809086b;border:1px solid #f4f1e83d;border-radius:50%;place-items:center;width:3rem;height:3rem;padding:0;font-size:1.15rem;transition:border-color .18s,background .18s,color .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.globe-navigation.previous{left:clamp(.75rem,2vw,2rem)}.globe-navigation.next{right:clamp(.75rem,2vw,2rem)}.globe-navigation:hover,.globe-navigation:focus-visible{color:#b8ff57;background:#b8ff571f;border-color:#b8ff57;outline:none}.view-album:hover,.view-album:focus-visible{color:#080908;background:#b8ff57;outline:none}.view-album span:first-child{letter-spacing:.12em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.7rem}.view-album span:last-child{color:#080908;background:#b8ff57;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.menu-fallback{background:#080908;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:1rem;height:100%;padding:8rem 1.25rem 2rem;display:grid;overflow:auto}.menu-fallback button{color:#f4f1e8;text-align:left;cursor:pointer;background:0 0;border:0}.menu-fallback img{aspect-ratio:1;object-fit:cover;border-radius:50%;width:100%}.menu-fallback span{margin-top:.5rem;display:block}@media (width<=760px){.infinite-menu:after{background:linear-gradient(#0000 52%,#080908e6)}.album-caption{width:auto;inset:auto 1.25rem 7.2rem;transform:translateY(.75rem)}.album-caption.active{transform:none}.album-caption h2{max-width:15ch;font-size:clamp(2rem,10vw,3.4rem)}.play-count{top:auto;bottom:2rem;right:1.25rem;transform:translateY(.75rem)}.play-count.active{transform:none}.play-count strong{font-size:1.8rem}.view-album{bottom:1.7rem;left:1.25rem;right:auto;transform:none}}@media (prefers-reduced-motion:reduce){.album-caption,.play-count,.view-album{transition:opacity .1s linear}}.album-explorer{background:#080908;width:100%;height:100dvh;position:relative;overflow:hidden}.album-details{z-index:10;backdrop-filter:blur(24px);background:#0e100df5;border-left:1px solid #30342d;flex-direction:column;width:min(46rem,52vw);height:100%;padding:clamp(1.25rem,3vw,2.5rem);animation:.42s cubic-bezier(.2,.8,.2,1) details-enter;display:flex;position:absolute;top:0;right:0;overflow:hidden;box-shadow:-2rem 0 6rem #00000073}@keyframes details-enter{0%{opacity:0;transform:translate(3rem)}}.details-heading,.track-heading{color:#8d9188;letter-spacing:.12em;text-transform:uppercase;align-items:center;font-family:DM Mono,monospace;font-size:.64rem;display:grid}.details-heading{border-bottom:1px solid #30342d;padding-bottom:1.5rem}.details-rank{color:#b8ff57}.album-summary{grid-template-columns:8rem 1fr;align-items:end;gap:1.5rem;padding:clamp(1.5rem,4vh,3rem) 0;display:grid}.album-summary img{object-fit:cover;border-radius:50%;width:8rem;height:8rem}.album-summary h2{letter-spacing:-.055em;max-width:16ch;margin:0;font-size:clamp(1.8rem,3vw,3.6rem);line-height:.95}.album-summary p{color:#9b9e96;margin:.75rem 0 1.25rem;font-size:.85rem}.album-summary dl{gap:2rem;margin:0;display:flex}.album-summary dl div{gap:.2rem;display:grid}.album-summary dt{color:#6f746a;letter-spacing:.1em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.58rem}.album-summary dd{margin:0;font-family:DM Mono,monospace;font-size:.78rem}.track-heading{border-top:1px solid #30342d;border-bottom:1px solid #30342d;grid-template-columns:1fr 4rem 3rem;padding:.8rem .75rem .8rem 2.8rem}.track-heading span:nth-child(n+2){text-align:right}.track-list{scrollbar-color:#4c5148 transparent;scrollbar-width:thin;flex:1;min-height:0;margin:0;padding:0 .75rem 0 0;list-style:none;overflow:auto}.track-list li{border-bottom:1px solid #252822;grid-template-columns:2.8rem minmax(0,1fr) 4rem 3rem;align-items:center;min-height:4.4rem;display:grid}.track-position,.track-plays,.track-duration{color:#858980;font-family:DM Mono,monospace;font-size:.7rem}.track-plays,.track-duration{text-align:right}.track-name{gap:.28rem;min-width:0;padding-right:1rem;display:grid}.track-name strong,.track-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-name strong{font-size:.83rem;font-weight:600}.track-name small{color:#777b73;font-size:.68rem}.error-state{background-color:#080908;background-image:linear-gradient(#b8ff5714 1px,#0000 1px),linear-gradient(90deg,#b8ff5714 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:4rem 4rem;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;align-content:center;min-height:100dvh;padding:8vw;display:grid}.error-state p{color:#b8ff57;letter-spacing:.14em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.7rem}.error-state h1{letter-spacing:-.07em;max-width:16ch;margin:0;font-size:clamp(2.8rem,8vw,7rem);line-height:.9}@media (width<=760px){.album-details{border-left:0;width:100%}.album-summary{grid-template-columns:5.5rem 1fr;gap:1rem}.album-summary img{width:5.5rem;height:5.5rem}.album-summary h2{font-size:clamp(1.55rem,7vw,2.4rem)}}@media (prefers-reduced-motion:reduce){.album-details{animation:none}}:root{color-scheme:dark;color:#f4f1e8;background:#080908;font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body{background:#080908;min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden}button,input{font:inherit}