:root{--void:#000;--dusk:#8e93a6;--bone:#ece6d6;--red:#e3162b;--gutter:clamp(16px, 5vw, 72px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background:var(--void);margin:0;overflow-x:hidden}@media (hover:hover) and (pointer:fine){body,button,a{cursor:none}}#gl{z-index:0;width:100vw;height:100vh;display:block;position:fixed;inset:0}#fade{z-index:100;background:var(--void);pointer-events:none;transition:opacity 1.2s steps(8,end);position:fixed;inset:0}body.on #fade{opacity:0}.chip{color:var(--bone);background:var(--void);border:1px solid var(--bone);padding:4px 6px;line-height:0}.chip svg{width:18px;height:18px}.chip .waves{display:none}.chip[aria-pressed=true] .waves{display:inline}.chip[aria-pressed=true] .mute{display:none}.chip:hover{background:var(--bone);color:var(--void)}.chip[aria-pressed=true]{border-color:var(--red);color:var(--red)}.chip[aria-pressed=true]:hover{background:var(--red);color:var(--void)}:focus-visible{outline:2px solid var(--red);outline-offset:3px}.hud{z-index:20;pointer-events:none;align-items:center;gap:10px;display:flex;position:fixed}.hud button,.hud li{pointer-events:auto}.hud-r{top:50%;right:calc(var(--gutter) - 6px);transform:translateY(-50%)}.hud-br{bottom:16px;right:var(--gutter)}#layers{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}#layers li button{color:var(--dusk);background:0 0;border:0;padding:5px 6px;display:block}#layers li button:before{content:"";border:1px solid;width:6px;height:6px;display:block}#layers li button:hover,#layers li.on button{color:var(--bone)}#layers li.on button:before{background:var(--red);border-color:var(--red)}#cursor{z-index:200;pointer-events:none;mix-blend-mode:difference;color:#fff;display:none;position:fixed;top:0;left:0}@media (hover:hover) and (pointer:fine){#cursor{display:block}}#cursor i{background:linear-gradient(currentColor,currentColor) 50%/1px 100% no-repeat,linear-gradient(currentColor,currentColor) 50%/100% 1px no-repeat;width:24px;height:24px;transition:transform .15s steps(3,end);position:absolute;top:-12px;left:-12px}#cursor.hot i{transform:rotate(45deg)scale(1.4)}main{z-index:10;pointer-events:none;position:relative}.layer{min-height:150vh}#l1{min-height:130vh}#l4{min-height:190vh}#l6{min-height:100vh}@media (width<=640px){.hud-r{top:auto;bottom:16px;right:auto;left:var(--gutter);transform:none}#layers{flex-direction:row}#layers li button{padding:8px 5px}}@media (prefers-reduced-motion:reduce){#fade{transition:none}}