@font-face{font-family:"3270";src:url(/fonts/3270Condensed-Regular.ttf) format("truetype");font-weight:400;font-display:swap}:root{color-scheme:dark;font-family:"3270",monospace;color:#afb1bc;background:#000;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:280px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:#d3d5df}button:focus-visible,a:focus-visible{outline:1px solid #a1aac6;outline-offset:7px}.album{height:100svh;min-height:620px;display:flex;flex-direction:column;overflow:hidden;background:#000}.film-grain{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;opacity:.28;mix-blend-mode:soft-light}.album-heading{text-align:center;padding:42px 24px 0;flex-shrink:0;z-index:2}.artist{margin:0;font-size:21px;letter-spacing:.13em}h1{font-weight:400;font-size:43px;line-height:1.15;letter-spacing:.075em;margin:7px 0 9px}.release-date{margin:0;font-size:19px;letter-spacing:.12em;color:#9093a1}.moon-stage{--moon-size: 440px;--moon-gap: 680px;position:relative;flex:1;min-height:0;touch-action:pan-y;outline:none}.moon-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.moon-canvas canvas{display:block;width:100%;height:100%}.moon-targets{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.moon-target{position:absolute;left:50%;top:46%;width:var(--moon-size);height:var(--moon-size);border-radius:50%;padding:0;pointer-events:auto;transform:translate(-50%,-50%) translate(calc(var(--offset) * var(--moon-gap))) scale(.88);transition:transform 1.5s cubic-bezier(.2,.7,.15,1);cursor:pointer}.moon-target.is-selected{transform:translate(-50%,-50%) translate(calc(var(--offset) * var(--moon-gap))) scale(1)}.moon-target[aria-hidden=true]{pointer-events:none}.moon-target:focus-visible{outline-color:var(--moon-color);outline-offset:9px}.moon-poster{position:absolute;width:130%;height:130%;left:-15%;top:-15%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:brightness(var(--brightness, 1))}.track-caption{position:absolute;top:calc(46% + var(--moon-size) / 2 + 32px);left:15%;right:15%;text-align:center;pointer-events:none}.track-caption h2{margin:0 0 10px;font-weight:400;font-size:25px;letter-spacing:.045em}.glitch-name{position:relative;display:inline-block;animation:name-jitter 3.8s steps(1,end) infinite}.name-grain{color:transparent;background:radial-gradient(ellipse at center,#555864 0 24%,transparent 35%) 0 0 / 3px 2px,linear-gradient(#afb1bc,#afb1bc);background-clip:text;-webkit-background-clip:text;animation:name-grain .18s steps(2,end) infinite}.name-echo{position:absolute;top:0;right:0;bottom:0;left:0;color:#969bab;opacity:0;clip-path:inset(35% 0 40%);animation:name-tear 3.8s steps(1,end) infinite}@keyframes name-grain{to{background-position:7px 5px,0 0}}@keyframes name-jitter{0%,5%{transform:translate(-1px)}2%,8%{transform:translate(2px,1px)}4%,10%{transform:translate(-2px,-1px)}12%,to{transform:none}}@keyframes name-tear{0%,6%{opacity:.65;transform:translate(5px);clip-path:inset(25% 0 50%)}3%,9%{opacity:.5;transform:translate(-6px);clip-path:inset(60% 0 15%)}12%,to{opacity:0;transform:none}}.is-swapping .moon-poster{animation:poster-interference .13s steps(1,end) infinite}@keyframes poster-interference{0%,to{translate:0}25%{translate:-2px 1px}50%{translate:2px -1px}75%{translate:-1px 0}}.track-number{margin:0;font-size:17px;letter-spacing:.1em;color:#979baa}.track-number span{margin:0 6px}.listen-hint{margin:17px 0 0;color:#888c9b;font-size:15px;letter-spacing:.035em;min-height:19px}.album-footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 24px 24px;z-index:2;flex-shrink:0}.streaming-links{display:flex;align-items:center;gap:45px}.volume-control{display:flex;align-items:center;gap:12px;font-size:15px;color:#afb1bc}.volume-control input{width:120px;height:32px;margin:0;accent-color:#9296a4;cursor:pointer}.volume-control input:focus-visible{outline:1px solid #a1aac6;outline-offset:4px}.volume-control output{width:36px;text-align:right}.album-footer a{font-size:16px;letter-spacing:.045em;padding:10px 0}.loading{flex:1;display:grid;place-content:center;text-align:center}.loading button{text-decoration:underline;padding:15px}.is-hidden{visibility:hidden}.skip-link{position:absolute;left:20px;top:-80px;padding:10px;background:#000;z-index:9}.skip-link:focus{top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.album{min-height:570px}.album-heading{padding-top:max(32px,env(safe-area-inset-top))}.artist{font-size:18px}h1{font-size:38px;margin:7px 0 8px}.release-date{font-size:16px}.track-caption{left:9%;right:9%;top:calc(46% + var(--moon-size) / 2 + 10px)}.volume-control{gap:8px;font-size:14px}.volume-control input{width:90px}.track-caption h2{font-size:22px}.listen-hint{font-size:14px}.album-footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}.streaming-links{gap:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
