:root{--paper: #ece7db;--ink: #1a1814;--ink-soft: #2a241c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:Kalam,Segoe Print,cursive;overflow:hidden;height:100%}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 28% 18%,rgba(255,244,220,.5),transparent 65%),radial-gradient(ellipse 60% 45% at 82% 88%,rgba(180,145,95,.14),transparent 65%),radial-gradient(ellipse 120% 90% at 50% 50%,transparent 55%,rgba(60,45,25,.18) 100%);z-index:1}.canvas-glow{position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(to top,#fcf8eb,#fcf8eb00 30%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.1  0 0 0 0 0.09  0 0 0 0 0.07  0 0 0 0.18 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}#stage{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1rem,3vh,2.25rem);z-index:3}#ink-canvas{width:min(92vw,1200px);height:auto;aspect-ratio:16 / 6;max-height:60vh;filter:url(#ink-goo)}.actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem}.action{font-family:Kalam,cursive;font-size:18px;font-weight:400;letter-spacing:.02em;color:var(--ink);opacity:.78;text-decoration:none;padding:.5rem 1rem;min-height:44px;display:inline-flex;align-items:center;gap:.4em;border:1px solid transparent;border-radius:999px;transition:opacity .24s ease,border-color .24s ease,background .24s ease}.action:hover,.action:focus-visible{opacity:1;border-color:#1a18142e;background:#1a181404}.action[href="/notes/"]{transform:scale(1);transition:opacity .24s ease,border-color .24s ease,background .24s ease,transform 1.5s cubic-bezier(.4,.15,.25,1)}.action[href="/notes/"]:hover,.action[href="/notes/"]:focus-visible{transform:scale(1.08);transition:opacity .24s ease,border-color .24s ease,background .24s ease,transform 2.2s cubic-bezier(.2,.7,.3,1)}@media(prefers-reduced-motion:reduce){.action[href="/notes/"],.action[href="/notes/"]:hover,.action[href="/notes/"]:focus-visible{transform:none;transition:opacity .24s ease,border-color .24s ease,background .24s ease}}.action__label{position:relative;display:inline-block}.action__label:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .32s cubic-bezier(.2,.6,.2,1);opacity:0}.action:hover .action__label:after,.action:focus-visible .action__label:after{transform:scaleX(1)}.action:focus-visible{outline:1px solid var(--ink);outline-offset:6px;border-radius:1px}.action__hint{font-size:.78em;opacity:.6}@media(max-width:520px){.actions{gap:.5rem}.action{font-size:16px}}.frame{position:fixed;z-index:4;pointer-events:none;color:var(--ink);opacity:.55;font-family:Kalam,cursive}.frame.br{bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;opacity:1}.frame.br .regards{font-family:Nothing You Could Do,Kalam,cursive;font-weight:400;font-size:22px;line-height:1;color:var(--ink);opacity:.45;white-space:nowrap}.frame.br .copyright{font-family:Kalam,cursive;font-weight:400;font-size:12.5px;letter-spacing:.04em;color:var(--ink)}.dot{width:6px;height:6px;border-radius:50%;background:var(--ink);opacity:.5;display:inline-block}.vignette{position:fixed;inset:0;pointer-events:none;z-index:6;box-shadow:inset 0 0 0 0 transparent;transition:box-shadow 1.5s cubic-bezier(.4,.15,.25,1)}body:has(.action[href="/notes/"]:hover) .vignette,body:has(.action[href="/notes/"]:focus-visible) .vignette{box-shadow:inset 0 0 clamp(260px,34vw,560px) clamp(80px,11vw,200px) color-mix(in srgb,var(--paper) 62%,transparent);transition:box-shadow 2.2s cubic-bezier(.2,.7,.3,1)}@media(prefers-reduced-motion:reduce){.vignette,body:has(.action[href="/notes/"]:hover) .vignette,body:has(.action[href="/notes/"]:focus-visible) .vignette{transition:none}}.reduced-fallback{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:3;font-family:Kalam,cursive;color:var(--ink);font-size:clamp(48px,10vw,140px);letter-spacing:-.01em}.reduced-fallback small{display:block;font-size:.35em;opacity:.6;margin-top:.4em;text-align:center;font-weight:300}@media(prefers-reduced-motion:reduce){#stage{display:none}.reduced-fallback{display:flex;flex-direction:column}}.sampler{position:absolute;left:-99999px;top:-99999px;visibility:hidden}