:root{--fog-dark:#151724;--fog-light:#000000;--sign:var(--f89);--mark-w:min(61.8vw,var(--f987));--s-at:41.7%;--letter-dim:0.62;--letter-shadow:0.6;--letter-stamp:var(--hot)}html,body{height:100%}body{overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.home{position:fixed;inset:0;padding:var(--gutter)}.mark{position:absolute;left:50%;top:50%;width:var(--mark-w);translate:calc(-1 * var(--s-at)) -50%}.mark__name{margin:0}.mark__word{display:block;width:100%;height:auto}.tagline{position:absolute;left:var(--s-at);top:100%;margin:0;translate:-50% var(--f21);letter-spacing:0.34em;white-space:nowrap}.sign{position:fixed;bottom:calc(var(--safe-bottom) + var(--gutter));width:var(--sign);height:var(--sign);padding:0;border:0;background:none;cursor:pointer;transition:scale var(--t233) var(--ease)}.sign--games{left:calc(var(--safe-left) + var(--gutter))}.sign--write{right:calc(var(--safe-right) + var(--gutter))}.sign.sign--ray{left:0;top:0;right:auto;bottom:auto}:root[data-sign-layout="corners"] .sign.sign--ray[data-ray^="t"]{top:calc(var(--safe-top) + var(--sign-edge) + var(--slot) * var(--sign-step))}:root[data-sign-layout="corners"] .sign.sign--ray[data-ray^="b"]{top:auto;bottom:calc(var(--safe-bottom) + var(--sign-edge) + var(--slot) * var(--sign-step))}:root[data-sign-layout="corners"] .sign.sign--ray[data-ray$="l"]{left:calc(var(--safe-left) + var(--sign-edge))}:root[data-sign-layout="corners"] .sign.sign--ray[data-ray$="r"]{left:auto;right:calc(var(--safe-right) + var(--sign-edge))}:root[data-sign-layout="edges"] .sign.sign--ray[data-ray^="t"]{top:calc(var(--safe-top) + var(--sign-edge))}:root[data-sign-layout="edges"] .sign.sign--ray[data-ray^="b"]{top:auto;bottom:calc(var(--safe-bottom) + var(--sign-edge))}:root[data-sign-layout="edges"] .sign.sign--ray[data-ray$="l"]{left:calc(var(--safe-left) + var(--sign-edge) + var(--slot) * var(--sign-step))}:root[data-sign-layout="edges"] .sign.sign--ray[data-ray$="r"]{left:auto;right:calc(var(--safe-right) + var(--sign-edge) + var(--slot) * var(--sign-step))}.sign svg{display:block;width:100%;height:100%;overflow:visible;opacity:calc(var(--shown,1) * var(--sign-opacity,0.99));filter:var(--sign-glow,none);transition:opacity var(--sign-draw,var(--t1597)) linear}.sign path{fill:none;stroke:var(--sign-color,var(--hot));stroke-width:var(--sign-line,3);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--drawn,0));transition:stroke-dashoffset var(--sign-draw,var(--t1597)) linear,stroke-width var(--t233) var(--ease)}.sign:hover path,.sign:focus-visible path{stroke-width:var(--sign-line-hover,6)}.sign:active{scale:0.95}.fog{position:fixed;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}.fog{opacity:0;transition:opacity var(--t610) var(--ease)}.mark__word path:not(.s),.tagline{opacity:0;transition:opacity 0s linear var(--t610)}.is-steamed .fog,.is-steamed .mark__word path:not(.s),.is-steamed .tagline{opacity:1}.proof{position:fixed;z-index:3;left:50%;top:61.8%;translate:-50% -50%;rotate:-5deg;margin:0;padding:var(--f8) var(--f13);border:var(--f2) solid var(--hot-soft);color:var(--hot-soft);white-space:nowrap;opacity:0;pointer-events:none}.proof.is-on{animation:proof var(--t2584) steps(8) forwards}@keyframes proof{0%{opacity:0;scale:1.3}13%{opacity:1;scale:1}80%{opacity:1}100%{opacity:0}}.letter{width:min(100% - 2 * var(--gutter),var(--f610));max-height:calc(100dvh - 2 * var(--gutter));padding:0;border:0;background:none;color:var(--paper-ink);box-shadow:0 var(--f21) var(--f55) rgb(0 0 0 / var(--letter-shadow));overflow-y:auto;overscroll-behavior:contain}.letter::backdrop{background:rgb(0 0 0 / var(--letter-dim,0.62))}.letter,.letter *{-webkit-user-select:text;user-select:text;touch-action:auto}.sheet{position:relative;display:grid;gap:var(--f21);padding:var(--f34) var(--f34) var(--f21);background:var(--paper)}.sheet__stamp{position:absolute;top:var(--f21);right:var(--f21);display:grid;place-content:center;width:var(--f55);height:var(--f89);outline:var(--f2) dashed var(--paper);outline-offset:calc(-1 * var(--f5));background:var(--paper-ink)}.sheet__stamp svg{display:block;width:var(--f34);height:auto;fill:var(--letter-stamp)}.sheet__stamp.is-flipped{animation:flip var(--t377) steps(5)}@keyframes flip{50%{transform:rotateY(90deg)}}.sheet__title{display:grid;justify-items:start;gap:var(--f8);margin:0;font:800 var(--f34)/1.05 var(--display);letter-spacing:-0.02em}.sheet__word{display:block;width:var(--f233);height:auto}.sheet__title:focus{outline:none}.sheet__stamps{display:grid;gap:var(--f8)}.stamps-row{display:grid;grid-template-columns:repeat(8,minmax(0,var(--f34)));gap:var(--f8);margin:0;padding:0;list-style:none}.stamp{display:grid;place-content:center;aspect-ratio:34 / 55;border:var(--f1) dashed var(--paper-line);color:var(--paper-line);font-size:var(--f13)}.stamp.is-found{border:0;outline:var(--f2) dashed var(--paper);outline-offset:calc(-1 * var(--f3));background:var(--paper-ink);color:var(--paper);font:800 var(--f21)/1 var(--display);rotate:-3deg}.stamp.is-found:nth-child(2n){rotate:2deg}.stamps-line{margin:0;color:var(--paper-ink-2)}.field{display:grid;gap:var(--f5);font-size:var(--f13);letter-spacing:0.16em;text-transform:uppercase;color:var(--paper-ink-2)}.field input,.field textarea{width:100%;padding:var(--f8) 0;border:0;border-bottom:var(--f1) solid var(--paper-line);border-radius:0;background:none;color:var(--paper-ink);font:var(--f13)/1.618 var(--mono);letter-spacing:0;text-transform:none;resize:none}.field textarea{padding:0;line-height:var(--f34);background-image:repeating-linear-gradient(to bottom,transparent 0 calc(var(--f34) - var(--f1)),var(--paper-rule) calc(var(--f34) - var(--f1)) var(--f34))}.field input:focus,.field textarea:focus{outline:none;border-bottom-color:var(--paper-ink)}.sheet__check:empty,.sheet__status:empty{display:none}.sheet__status{margin:0;color:var(--paper-ink);font-size:var(--f13)}.sheet__actions{display:flex;justify-content:space-between;gap:var(--f13)}.sheet__actions button:disabled{opacity:0.618;cursor:progress}.sheet__actions button{min-height:var(--f55);padding:0 var(--f21);border:var(--f1) solid var(--paper-ink);background:none;color:var(--paper-ink);font-size:var(--f13);letter-spacing:0.16em;text-transform:uppercase;cursor:pointer}.sheet__actions .sheet__send{background:var(--paper-ink);color:var(--paper)}.envelope{position:fixed;left:0;top:0;z-index:6;background:var(--paper);background-image:linear-gradient(to top right,transparent 49.6%,var(--paper-fold) 50%,transparent 50.4%),linear-gradient(to top left,transparent 49.6%,var(--paper-fold) 50%,transparent 50.4%);background-size:50% 100%;background-position:left top,right top;background-repeat:no-repeat;pointer-events:none}.toast{position:fixed;z-index:7;left:50%;top:calc(var(--safe-top) + var(--gutter));translate:-50% calc(-1 * var(--f13));margin:0;padding:var(--f8) var(--f13);border:var(--f1) solid var(--line);background:var(--bg);white-space:nowrap;opacity:0;transition:opacity var(--t233),translate var(--t233);pointer-events:none}.toast.is-on{opacity:1;translate:-50% 0}@media (max-width:987px){:root{--mark-w:76.4vw}}@media (max-width:610px){:root{--sign:var(--f55)}.sheet{padding:var(--f21) var(--f21) var(--f13);gap:var(--f13)}.sheet__stamp{width:var(--f34);height:var(--f55)}.sheet__stamp svg{width:var(--f21)}.sheet__title{font-size:var(--f21)}.sheet__word{width:var(--f144)}}@media (pointer:coarse){.field input,.field textarea{font-size:max(1rem,var(--f13))}}@media (prefers-reduced-motion:reduce){.sign path,.sign svg,.fog{transition:none}}
