@font-face{font-family:Gloria Hallelujah;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/gloria-hallelujah-latin-400-normal-BuKjlT1h.woff2)format("woff2"),url(/assets/gloria-hallelujah-latin-400-normal-DoEvNWI-.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{--color-bg:#f2ebed;--color-fg:#2a2230;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAABAQEBTWDqaAAAAAnRSTlMAzORBQ6MAAAAYSURBVHjaYwABJhDR0QEiFRQgbIgwpjgAXU4ExW6PP7sAAAAASUVORK5CYII=) 0 0 / 18px 18px repeat var(--color-bg);image-rendering:pixelated}body>*{image-rendering:auto}.listen{min-height:calc(100dvh - var(--site-header-height));color:var(--color-fg);grid-template-areas:"keys""deck""shelf";align-content:center;justify-items:center;gap:1.25rem;padding:1.25rem 16px 2rem;font-family:monospace;display:grid;position:relative}@media (min-width:52rem){.listen{grid-template-columns:auto auto;grid-template-areas:"shelf keys""shelf deck";justify-content:center;align-items:center;column-gap:4rem;padding-block:1rem}}.listen__canvas{z-index:1;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}.listen[data-gl] .listen__art{visibility:hidden}.listen__shelf,.listen__deck,.listen__keys{position:relative}.listen__shelf,.listen__keys{z-index:2}.listen__art{width:100%;height:auto;display:block}.listen__shelf{--gap:.75rem;justify-content:center;gap:var(--gap);flex-wrap:wrap;grid-area:shelf;width:min(100%,27.5rem);margin:0;padding:0;list-style:none;display:flex}@media (min-width:52rem){.listen__shelf{flex-direction:column}}.listen__slot{width:calc((100% - 2 * var(--gap)) / 3)}@media (min-width:52rem){.listen__shelf{--gap:1rem;width:auto}.listen__slot{width:10rem}}.listen__tape{width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:relative}.listen__tape:hover:not(:focus-visible){outline:none}.listen__label{left:50%;top:calc(var(--label-y) * 100%);width:calc(var(--label-width) * 100%);translate:-50% -50%;rotate:var(--tilt);filter:brightness(calc(1 - .53 * var(--glass,0)));position:absolute;container-type:inline-size}.listen__title{color:#2a2230;text-align:center;text-wrap:balance;place-items:center;padding:0 8%;font-family:Gloria Hallelujah,cursive;font-size:12cqi;line-height:.95;display:grid;position:absolute;inset:0}.listen__tape[data-in]{visibility:hidden}.listen__tape[data-in] .listen__label{visibility:visible}.listen__deck{transform-origin:50% 100%;grid-area:deck;width:min(100%,27.5rem)}@media (min-width:52rem){.listen__deck{width:min(100%,27.5rem,94.8009dvh - 10.4281rem)}}.listen__deck [data-deck-art=full]{visibility:hidden;position:absolute;inset:0}.listen:not([data-gl]) .listen__deck[data-full] [data-deck-art=full]{visibility:visible}.listen__screen{--edge:2px;left:calc(var(--x) * 100% - var(--edge));top:calc(var(--y) * 100% - var(--edge));width:calc(var(--w) * 100% + 2 * var(--edge));height:calc(var(--h) * 100% + 2 * var(--edge));background:#000;position:absolute;overflow:hidden}.listen__screen iframe{width:calc(100% / var(--embed-scale,1) + 10px);height:80px;transform:scale(var(--embed-scale,1)) translate(-5px, -5px);transform-origin:0 0;display:block}.listen__keys{grid-area:keys;justify-content:center;gap:.5rem;display:flex}.listen__keys button{border:2px solid var(--color-fg);background:var(--color-bg);color:inherit;font:inherit;text-transform:uppercase;cursor:pointer;padding:.5rem .75rem}.listen__keys button[aria-pressed=true]{background:var(--color-fg);color:var(--color-bg)}.listen__keys button:disabled{opacity:.4;cursor:default}.listen__hint{--bubble-width:min(17rem, 75vw);z-index:2}.listen__hint--down{--bubble-x:var(--hint-down-x,50%);--bubble-y:calc(var(--hint-down-y,0px) - .25rem)}.listen__hint--left{--bubble-x:calc(var(--hint-left-x,0px) + .25rem);--bubble-y:var(--hint-left-y,0px);display:none}@media (min-width:52rem){.listen__hint--down{display:none}.listen__hint--left{display:block}}