.collage-piece{position:absolute;cursor:grab;user-select:none;touch-action:none;translate:0 -90px;opacity:0;transition:translate .55s cubic-bezier(.3,1.5,.5,1) var(--d),opacity .25s var(--d),left .7s cubic-bezier(.3,1.25,.5,1),top .7s cubic-bezier(.3,1.25,.5,1),transform .4s ease,scale .15s,filter .15s}.landed .collage-piece{translate:none;opacity:1}.collage-piece.dragging{scale:1.06;cursor:grabbing;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45));transition:scale .15s,filter .15s}.collage-sticker{filter:drop-shadow(0 3px 8px rgba(0,0,0,.3))}.collage-sticker.wiggle{animation:collage-wiggle .5s ease}@keyframes collage-wiggle{20%{rotate:-12deg;scale:1.12}40%{rotate:10deg}60%{rotate:-6deg}80%{rotate:3deg}}.collage-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease}.flipped .collage-flip{transform:rotateY(180deg)}.collage-back,.collage-front{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;border:5px solid #fff;border-radius:2px;box-shadow:0 4px 14px rgba(0,0,0,.25)}.collage-front{object-fit:cover}.collage-back{transform:rotateY(180deg);background:#fdfaf2;color:#37352f;padding:12px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;line-height:1.25}.collage-back,.collage-shuffle{font-family:Gochi Hand,cursive}@media (prefers-reduced-motion:reduce){.collage-piece{translate:none;opacity:1;transition:none}.collage-sticker.wiggle{animation:none}.collage-flip{transition:none}}.letter{--ink:#1d3557;--line:32px;position:relative;padding:16px 24px 20px;border-radius:4px;rotate:-1deg;background-color:#fdfaf2;color:#37352f;background-image:repeating-linear-gradient(transparent 0 calc(var(--line) - 1px),#e8dfcc calc(var(--line) - 1px) var(--line));background-position:0 16px;box-shadow:0 12px 30px rgba(0,0,0,.35);font-family:Gochi Hand,cursive;font-size:19px;line-height:var(--line)}.letter__date{text-align:right;font-size:15px;color:#8a8173;height:var(--line)}.letter__salutation{margin:0;font-size:22px;height:var(--line)}.letter__field{background:transparent;border:0;outline:none;color:var(--ink);font:inherit;line-height:var(--line);padding:0}.letter__field::placeholder{color:#b9b0a0}.letter__field:disabled{color:var(--ink);opacity:1}.letter__message{display:block;width:100%;height:calc(var(--line) * 4);resize:none;overflow:hidden}.letter__line{margin:0;display:flex;gap:8px;align-items:baseline;height:var(--line);white-space:nowrap}.letter__inline{flex:1;min-width:0}.letter__error{margin:0;font-size:15px;line-height:var(--line);height:var(--line);color:#c1121f;overflow:hidden}.letter__sign{position:relative;height:calc(var(--line) * 2)}.letter__pad{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='M3 25 L6 17 L21 2 L26 7 L11 22 Z' fill='%23f2c14e' stroke='%231b1b1b' stroke-width='1.5' stroke-linejoin='round'/><path d='M3 25 L6 17 L11 22 Z' fill='%231d3557'/></svg>") 2 26,crosshair}.letter__sign-x{left:0;color:#8a8173}.letter__sign-hint,.letter__sign-x{position:absolute;bottom:4px;pointer-events:none}.letter__sign-hint{left:24px;color:#b9b0a0}.letter__clear{position:absolute;right:0;bottom:4px;background:none;border:0;padding:0;cursor:pointer;font:inherit;font-size:15px;color:#8a8173;text-decoration:underline}.letter__footer .letter__clear{position:static}.letter__footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:6px}.letter__sent-note{margin:0;font-size:16px;line-height:22px;color:#8a8173}.plane{display:flex;flex-direction:column;align-items:center;flex-shrink:0;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:var(--ink);transition:filter .2s ease,opacity .2s ease}.plane__anim{display:block;width:110px;height:80px;overflow:hidden}.plane__anim>*{width:180px!important;height:270px!important;margin:-79px 0 0 -35px}.plane:hover:not(:disabled) .plane__anim{animation:plane-bob .8s ease-in-out infinite}.plane__label{font-size:17px;line-height:20px;text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#3cbcfc}.plane:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.45}.sent .plane,.stamping .plane{opacity:1;filter:none;cursor:default}.sent .plane__label{text-decoration:none}@keyframes plane-bob{50%{translate:0 -3px;rotate:-4deg}}.letter__ink{position:absolute;left:34%;bottom:58px;width:104px;height:104px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;border:4px double #c1121f;color:#c1121f;opacity:.85;rotate:-14deg;font-family:Arial Black,Arial,sans-serif;mix-blend-mode:multiply;animation:ink-in .35s cubic-bezier(.3,1.6,.5,1) both}.letter__ink span{font-size:24px;letter-spacing:.12em;line-height:1}.letter__ink small{font:700 10px/1.4 JetBrains Mono,monospace}@keyframes ink-in{0%{scale:1.8;opacity:0}}@media (prefers-reduced-motion:reduce){.letter__ink,.plane:hover .plane__anim{animation:none}}.envelope{padding:9px;border-radius:6px;rotate:1.2deg;box-shadow:0 12px 30px rgba(0,0,0,.35);background:repeating-linear-gradient(-45deg,#c1121f 0 14px,#fdfaf2 14px 22px,#1d4ed8 22px 36px,#fdfaf2 36px 44px)}.envelope__inner{position:relative;min-height:100%;padding:22px 22px 26px;border-radius:3px;background:#f3ead6;color:#37352f;font-family:Gochi Hand,cursive}.envelope__airmail{font:700 11px/1 JetBrains Mono,monospace;letter-spacing:.2em;color:#1d4ed8}.envelope__title{margin:92px 0 8px;font-size:44px;line-height:1;color:#1b1b1b}.envelope__note{margin:0;max-width:230px;font-size:19px;line-height:1.35;color:#5c554b}.envelope__to{margin-top:26px;padding-left:18%;font-size:19px;line-height:1.5}.envelope__to small{display:block;font-size:13px;color:#8a8173}.envelope__to a{color:#1d3557;text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#c1121f;overflow-wrap:anywhere}.envelope__stamp{position:absolute;top:16px;right:16px;width:74px;height:90px;padding:6px;background:#fff;rotate:4deg;-webkit-mask:radial-gradient(circle,transparent 2.6px,#000 3px) -4px -4px /8px 8px,linear-gradient(#000 0 0) center /calc(100% - 8px) calc(100% - 8px) no-repeat;mask:radial-gradient(circle,transparent 2.6px,#000 3px) -4px -4px /8px 8px,linear-gradient(#000 0 0) center /calc(100% - 8px) calc(100% - 8px) no-repeat}.envelope__stamp img{width:100%;height:100%;object-fit:cover}.envelope__postmark{position:absolute;top:44px;right:62px;width:92px;opacity:.7;pointer-events:none}.gb{position:absolute;inset:0;--ink-0:oklch(0.5 0.15 258);--ink-1:oklch(0.56 0.19 27);--ink-2:oklch(0.55 0.13 152);--ink-3:oklch(0.5 0.17 305)}.dark .gb{--ink-0:oklch(0.74 0.12 258);--ink-1:oklch(0.74 0.14 27);--ink-2:oklch(0.76 0.12 152);--ink-3:oklch(0.74 0.13 305)}.gb svg path{fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gb__ink{z-index:0;pointer-events:none}.gb__ink,.gb__pad{position:absolute;inset:0;width:100%;height:100%}.gb__pad{z-index:2;touch-action:none;cursor:crosshair}.gb--drawing~.sheet{opacity:.55;transition:opacity .2s}.gb__fresh{stroke-dasharray:1;stroke-dashoffset:1;animation:gb-draw 1.1s ease-out forwards}@keyframes gb-draw{to{stroke-dashoffset:0}}.gb__bar{position:absolute;left:22px;right:76px;bottom:16px;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}@media (min-width:640px){.gb__bar{left:44px;bottom:20px}}.gb__sig{width:104px;height:35px;overflow:visible}.gb__sig text{font:34px Gochi Hand,cursive;fill:hsl(var(--foreground));fill-opacity:0;stroke:hsl(var(--foreground));stroke-width:.7;stroke-dasharray:420;stroke-dashoffset:420;animation:gb-sign 1.8s ease-in-out .6s forwards}@keyframes gb-sign{70%{fill-opacity:0}to{stroke-dashoffset:0;fill-opacity:1}}.gb__pen{font-family:Gochi Hand,cursive;font-size:18px;line-height:1;padding:6px 10px;border-radius:999px;background:hsl(var(--secondary));color:hsl(var(--foreground));border:1px dashed hsl(var(--border));cursor:pointer;transition:transform .15s}.gb__pen:hover{transform:rotate(-2deg) scale(1.03)}.gb__pen[aria-pressed=true]{background:var(--pen);color:#fff;border-color:transparent}.gb__pen:focus-visible,.gb__swatch:focus-visible{outline:2px solid var(--pen);outline-offset:2px}.gb__inks{display:inline-flex;gap:6px}.gb__swatch{width:20px;height:20px;border-radius:50%;border:2px solid hsl(var(--background));cursor:pointer}.gb__swatch[aria-checked=true]{box-shadow:0 0 0 2px hsl(var(--foreground))}.gb__undo{font:400 12px JetBrains Mono,ui-monospace,monospace;color:hsl(var(--muted-foreground));text-decoration:underline dotted;text-underline-offset:3px}.gb__undo:hover{color:hsl(var(--foreground))}.gb__pen:disabled{opacity:.6;cursor:progress}.gb__note{flex-basis:100%;font:400 11px/1.4 JetBrains Mono,ui-monospace,monospace;color:hsl(var(--muted-foreground));min-height:1.4em}@media (prefers-reduced-motion:reduce){.gb__fresh,.gb__sig text{animation:none;stroke-dashoffset:0}.gb__sig text{fill-opacity:1}.gb__pen{transition:none}}