@font-face{font-family:Yabakule;src:url(/fonts/Yabakule.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--color-paper:#fcfcf7;--color-gold:#dfc129;--color-espresso:#3d251a;--color-red:#b23228;--color-pine:#3f6647;--color-charcoal:#312e29;--color-white:#ffffff;--color-black:var(--color-charcoal);--color-linen:var(--color-paper);--color-cream:var(--color-paper);--color-brown:var(--color-espresso);--font-display:"Yabakule","Fredoka One","Varela Round",system-ui,sans-serif;--font-mono:"Space Mono","Courier New",monospace;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--tracking-caps:0.12em;--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--label-lg:12px;--label:11px;--label-sm:10px}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-body);color:var(--color-black);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}html{background:var(--color-linen)}html:has(.screen.dark){background:var(--color-black)}body{background:transparent}a{color:inherit;text-decoration:none}.pressable,button{font-family:inherit;transition:transform .24s var(--ease-spring),opacity .16s var(--ease-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pressable:active,button:active{transform:scale(.9);transition:transform 80ms var(--ease-out)}button:disabled,button[aria-disabled=true]{transform:none}@media (hover:hover) and (pointer:fine){.pressable:hover,button:hover{filter:brightness(1.06)}}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--color-red);outline-offset:2px}.caps{font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:var(--label);line-height:1.3}.caps-soft{font-weight:400}.caps-sm{font-size:var(--label-sm);letter-spacing:.1em}.caps-lg{font-size:var(--label-lg)}.accent{font-family:var(--font-display);color:var(--color-red);line-height:1}.screen{width:100%;min-height:100dvh;font-family:var(--font-body);position:relative;overflow-x:hidden}.screen.dark{background:var(--color-black);color:var(--color-white)}.screen.linen{background:var(--color-linen);color:var(--color-black)}.grain{position:relative}.grain:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22200%22 height=%22200%22><filter id=%22n%22><feTurbulence type=%22fractalNoise%22 baseFrequency=%220.85%22 numOctaves=%222%22 stitchTiles=%22stitch%22/></filter><rect width=%22200%22 height=%22200%22 filter=%22url(%23n)%22 opacity=%220.6%22/></svg>");mix-blend-mode:overlay;opacity:.5;pointer-events:none}.cover-pick img{box-shadow:inset 0 0 0 1px rgba(26,26,24,.12);transition:box-shadow .15s var(--ease-out)}.cover-pick:focus-visible img,.cover-pick:hover img{box-shadow:inset 0 0 0 2px var(--color-red)}.cover-pick:focus-visible{outline:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes wiggle{0%{transform:rotate(-.7deg) translateY(-.5px)}50%{transform:rotate(.7deg) translateY(.5px)}to{transform:rotate(-.7deg) translateY(-.5px)}}@keyframes tile-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tile-in{animation:tile-in .42s var(--ease-out) backwards}@media (prefers-reduced-motion:reduce){.spin-record,.tile-in,.wiggle{animation:none!important}.tile-in{opacity:1}.pressable,button{transition:opacity .12s ease}.pressable:active,button:active{transform:none;opacity:.55}}.mobile-frame{max-width:480px;margin:0 auto;min-height:100dvh;position:relative;overflow-x:hidden}