.letter-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#050505;overflow-y:auto;padding:12vh 1.2rem 0;transition:opacity .7s ease}.letter-veil--leaving{opacity:0;pointer-events:none}.letter-sheet{max-width:48rem;margin:0 auto;display:flex;justify-content:center}.letter-pixels{width:fit-content;max-width:100%}.letter-pixels{position:relative}.letter-pixels canvas{display:block;image-rendering:pixelated}.letter-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:pre-wrap}.letter-end{display:flex;justify-content:center;padding:2.4rem 0 16vh}.letter-btn{font:inherit;font-family:ui-monospace,Menlo,monospace;font-size:.75rem;letter-spacing:.3em;text-indent:.3em;color:#ffb400;background:transparent;border:1px solid #ffb400;padding:.9rem 2.4rem;cursor:pointer}.letter-btn:hover{background:#ffb400;color:#050505}.letter-btn .star{margin:0 .7em;vertical-align:-.1em}.letter-trail{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:60;pointer-events:none;color:#ffb400}.letter-trail--ink{color:var(--ink)}body:has(.letter-veil) .letter-trail--ink{display:none}@media(prefers-reduced-motion:reduce){.letter-veil{transition:none}}.letter-veil .star{display:inline-block;width:.88em;height:.88em;vertical-align:-.1em;fill:currentColor}a.letter-btn{display:inline-block;text-decoration:none}.letter-btn .x-mark{display:inline-block;width:.9em;height:.9em;vertical-align:-.12em;margin-left:.2em;fill:currentColor}.letter-end--extra{flex-direction:column;align-items:center;gap:2.6rem}.hash-machine canvas{display:block;image-rendering:pixelated}.letter-above{display:flex;justify-content:center;margin:0 auto 2.4rem}.hash-machine-sky{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:55}.art-with-sound{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.35rem}.music{position:fixed;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:80;display:flex;gap:2px;mix-blend-mode:difference}.music button{width:22px;height:22px;padding:6px;border:0;background:transparent;cursor:pointer;opacity:.45;transition:opacity .2s ease}.music button:hover,.music button:focus-visible{opacity:1}.music button:focus-visible{outline:1px solid #fff}.music svg{display:block;width:100%;height:100%;fill:#fff}.music.music--inline{position:static;mix-blend-mode:normal;margin-left:-6px}.music.music--inline svg{fill:#ffb400}:root{--paper: #f6f5f1;--ink: #0b0b0b;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}.hold{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.75rem;padding:2rem 1.25rem}.hold-mark{display:block;width:min(78vw,46rem);height:auto;color:var(--ink)}.hold-x{display:block;color:var(--ink);opacity:.55;transition:opacity .12s linear}.hold-x:hover,.hold-x:focus-visible{opacity:1}.hold-x:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.hold-x svg{display:block;width:1.125rem;height:1.125rem}@media(prefers-reduced-motion:reduce){.hold-x{transition:none}}
