:root{--font-display:"Titan One", ui-serif, serif;--font-script:"Caveat", cursive;--font-body:"Fredoka", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--step--2:clamp(.6rem, .58rem + .1vw, .69rem);--step--1:clamp(.69rem, .66rem + .15vw, .81rem);--step-0:clamp(.94rem, .9rem + .2vw, 1rem);--step-1:clamp(1rem, .95rem + .25vw, 1.13rem);--step-2:clamp(1.2rem, 1.1rem + .4vw, 1.35rem);--step-3:clamp(1.3rem, 1.15rem + .6vw, 1.63rem);--step-4:clamp(1.88rem, 1.5rem + 1.6vw, 2.5rem);--step-5:clamp(1.88rem, 1.3rem + 2.4vw, 3.13rem);--step-6:clamp(2.75rem, 2vw + 2rem, 4.5rem);--leading-tight:1.1;--leading-snug:1.18;--leading-body:1.6;--leading-letter:1.75;--tracking-display:-.01em;--tracking-eyebrow:.08em;--c-cream:#fffbf0;--c-ink:#4a2f27;--c-retro-red:#ea717b;--c-retro-red-fill:#d76871;--c-retro-red-dark:#ab444e;--c-amber:#f7ae56;--c-amber-dark:#d97f42;--c-amber-deep:#ee9d38;--c-elderflower:#ffd0ca;--c-terracotta:#f8c2b3;--c-clay:#c99a80;--c-orange:#e8935a;--c-orange-deep:#9d5e2f;--c-muted:#7a5349;--c-muted-light:#8b6a5e;--c-paper:#fff3e6;--c-fiat-fill:#fde4de;--c-peach:#f3cdb9;--c-awning:#f2c39e;--c-object-fill:#fff3e2;--color-bg:var(--c-cream);--color-text:var(--c-ink);--color-text-muted:var(--c-muted);--color-text-faint:var(--c-muted-light);--color-accent:var(--c-retro-red);--color-accent-fill:var(--c-retro-red-fill);--color-accent-hover:var(--c-retro-red-dark);--color-accent-soft:var(--c-elderflower);--color-highlight:var(--c-amber);--color-highlight-hover:var(--c-amber-deep);--color-highlight-active:var(--c-amber-dark);--color-warm:var(--c-orange);--color-warm-deep:var(--c-orange-deep);--color-surface:var(--c-cream);--color-letter-paper:var(--c-cream);--color-letter-paper-shade:var(--c-paper);--color-border:var(--c-ink);--color-scrim:color-mix(in oklab, var(--c-ink) 45%, transparent);--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-s:1rem;--space-m:1.5rem;--space-l:2.5rem;--space-xl:4rem;--space-2xl:6rem;--radius-s:.375rem;--radius-m:.75rem;--radius-l:1.5rem;--radius-pill:999px;--stroke-width:2px;--stroke-width-thick:3px;--shadow-hard-s:2px 2px 0 var(--color-border);--shadow-hard-m:4px 4px 0 var(--color-border);--shadow-hard-l:5px 6px 0 color-mix(in oklab, var(--c-ink) 90%, transparent);--shadow-hard-xl:6px 8px 0 color-mix(in oklab, var(--c-ink) 85%, transparent);--shadow-contact:0 6px 10px #00000029;--color-ground:#e8d9b8;--color-ground-edge:#cdb488;--paw-trail-gap:clamp(2.5rem, 8vh, 4.5rem);--dur-fast:.15s;--dur-base:.3s;--dur-slow:.6s;--dur-bob:1.8s;--dur-wave:1.6s;--dur-floaty:3.2s;--dur-jump:1.4s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.55, 0, 1, .45);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--hugo-question-max:24rem;--no-transition:.25s;--letter-pulse-delay:5s;--content-max:68ch;--gutter:clamp(1rem, 5vw, 3rem);--tap-min:44px}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{line-height:var(--leading-body);-webkit-font-smoothing:antialiased}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{background:0 0;border:none}p,h1,h2,h3,h4{overflow-wrap:break-word}#root,#__next{isolation:isolate}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/fredoka-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/fredoka-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/fredoka-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/fredoka-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/caveat-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/caveat-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Titan One;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/titan-one-latin-400-normal.woff2)format("woff2")}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);overflow-x:hidden}a{color:var(--color-accent)}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:3px solid var(--color-highlight);outline-offset:2px}button{cursor:pointer;min-width:var(--tap-min);min-height:var(--tap-min)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(9px)}}@keyframes wave{0%,to{transform:rotate(-14deg)}50%{transform:rotate(22deg)}}@keyframes floaty{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-7px)rotate(3deg)}}@keyframes jump{0%,to{transform:translateY(0)}30%{transform:translateY(-30px)rotate(-7deg)}55%{transform:translateY(0)}70%{transform:translateY(-12px)rotate(4deg)}85%{transform:translateY(0)}}@keyframes blinzel{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.paw-trail{z-index:2;align-items:center;gap:var(--paw-trail-gap);padding:var(--space-2xs);flex-direction:column;display:flex;position:absolute;bottom:0;right:18%}.paw-trail__print{opacity:0;width:clamp(26px,3.6vw,38px);height:auto;animation:.4s ease-out forwards paw-appear;animation-delay:calc(var(--paw-index) * .14s)}@keyframes paw-appear{0%{opacity:0;transform:translate(var(--paw-x), -6px) rotate(var(--paw-rotate))}to{opacity:var(--paw-opacity);transform:translate(var(--paw-x), 0) rotate(var(--paw-rotate))}}@media (prefers-reduced-motion:reduce){.paw-trail__print{opacity:var(--paw-opacity);transform:translate(var(--paw-x), 0) rotate(var(--paw-rotate));animation:none}}.opener{text-align:center;flex-direction:column;min-height:100svh;display:flex;position:relative}.opener__content{justify-content:center;align-items:center;gap:var(--space-l);padding:var(--space-2xl) var(--space-s) 0;flex-direction:column;flex:1;display:flex}.opener__ground{flex:none;width:100%;height:clamp(220px,34vh,340px);position:relative;overflow:visible}.opener__ground-shape{width:100%;height:100%;display:block;position:absolute;inset:0}.opener__ground-fill{fill:var(--color-ground)}.opener__ground-edge{stroke:var(--color-ground-edge);stroke-width:4px}.opener__cat-wrap{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:46%;left:50%;transform:translate(-50%)}.opener__cat{transition:transform var(--dur-fast) var(--ease-out);padding:0}.opener__cat-img{width:clamp(200px,42vw,300px);height:auto}@media (hover:hover){.opener__cat:hover{transform:rotate(-3deg)}}.opener__greeting{font:500 var(--step-1) var(--font-body);color:var(--color-text-muted);letter-spacing:.02em;margin:0}.opener__headline{font:400 clamp(1.9rem, 4.9vw, 2.1rem) / var(--leading-snug) var(--font-display);color:var(--color-accent);-webkit-text-stroke:5px var(--color-bg);paint-order:stroke fill;text-shadow:2px 3px 0 color-mix(in oklab, var(--c-ink) 16%, transparent);text-wrap:balance;text-transform:uppercase;letter-spacing:-.02em;max-width:420px;margin:0;font-style:italic}.opener__subline{font:400 var(--step-0) / var(--leading-body) var(--font-body);color:var(--color-text-muted);margin:0}.hugo__letter{right:var(--space-l);bottom:var(--space-l);aspect-ratio:1;z-index:4;cursor:pointer;width:clamp(64px,12%,140px);min-width:0;min-height:0;filter:drop-shadow(var(--shadow-contact));transition:transform var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out);background:0 0;border:none;padding:0;position:absolute}.hugo__letter-img{object-fit:contain;width:100%;height:100%;display:block}@media (hover:hover){.hugo__letter:hover{filter:drop-shadow(var(--shadow-contact)) drop-shadow(0 4px 6px #00000024);transform:translateY(-4px)scale(1.05)}}.hugo__letter:focus-visible{transform:translateY(-4px)scale(1.05)}@keyframes hugo-letter-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.hugo__letter--idle{animation:1.8s ease-in-out infinite hugo-letter-pulse}@media (prefers-reduced-motion:reduce){.hugo__letter{transition:none}.hugo__letter--idle{animation:none}}.letter-modal{max-width:min(440px, calc(100vw - 2 * var(--space-s)));background:0 0;border:none;max-height:100dvh;margin:auto;padding:0}.letter-modal::backdrop{background:var(--color-scrim)}.letter-modal[open]{display:flex}.letter-modal__paper{width:100%;max-height:min(82dvh, 100dvh - var(--space-l));background-color:var(--color-letter-paper);background-image:repeating-linear-gradient(0deg, transparent 0 27px, color-mix(in oklab, var(--c-clay) 60%, transparent) 27px 28px), linear-gradient(var(--color-letter-paper), var(--color-letter-paper-shade));border:var(--stroke-width) solid var(--color-border);border-radius:var(--radius-l);padding:var(--space-l) var(--space-m);box-shadow:var(--shadow-hard-xl);overflow-y:auto}.letter-modal__salutation{margin:0 0 var(--space-s);font:700 var(--step-4) var(--font-script);color:var(--color-accent-hover)}.letter-modal__body{margin:0 0 var(--space-m);max-width:64ch;font:400 var(--step-1) / var(--leading-letter) Georgia, serif;color:var(--color-text)}.letter-modal__signature{margin:0 0 var(--space-m);font:700 var(--step-3) var(--font-script);color:var(--color-text)}.letter-modal__close{border:var(--stroke-width) solid var(--color-border);background:var(--color-highlight);border-radius:var(--radius-pill);width:100%;padding:var(--space-xs);font:600 var(--step-0) var(--font-body);box-shadow:var(--shadow-hard-s);transition:background var(--dur-fast) var(--ease-out)}@media (hover:hover){.letter-modal__close:hover{background:var(--color-highlight-hover)}}.yes-screen{padding:var(--space-xl) var(--gutter) var(--space-2xl);align-items:center;gap:var(--space-s);text-align:center;flex-direction:column;display:flex}.yes-screen__cat{width:clamp(72px,18vw,120px);height:auto;animation:jump var(--dur-jump) var(--ease-bounce) 1}@media (prefers-reduced-motion:reduce){.yes-screen__cat{animation:none}}.yes-screen__heading{font:400 clamp(1.75rem, 6vw, 2.5rem) var(--font-display);color:var(--color-warm);-webkit-text-stroke:5px var(--color-bg);paint-order:stroke fill;text-shadow:2px 3px 0 color-mix(in oklab, var(--c-ink) 16%, transparent);margin:0}.yes-screen__body{max-width:32ch;font:400 var(--step-1) / var(--leading-body) var(--font-body);color:var(--color-text-muted);margin:0}.yes-screen__notification{margin:var(--space-xs) 0 0;font:400 var(--step-0) / var(--leading-body) var(--font-body);color:var(--color-text-faint)}.no-screen{padding:var(--space-xl) var(--gutter) var(--space-2xl);align-items:center;gap:var(--space-s);text-align:center;flex-direction:column;display:flex}.no-screen__heading{font:400 clamp(1.75rem, 6vw, 2.5rem) var(--font-display);color:var(--color-warm);-webkit-text-stroke:5px var(--color-bg);paint-order:stroke fill;text-shadow:2px 3px 0 color-mix(in oklab, var(--c-ink) 16%, transparent);margin:0}.no-screen__body{max-width:32ch;font:400 var(--step-1) / var(--leading-body) var(--font-body);color:var(--color-text-muted);margin:0}.no-screen__notification{margin:var(--space-xs) 0 0;font:400 var(--step-0) / var(--leading-body) var(--font-body);color:var(--color-text-faint)}.hugo{min-height:100svh;position:relative;overflow:hidden}.hugo__visual{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.hugo__stage{z-index:1;position:absolute;inset:0}.hugo__question{z-index:5;align-items:center;gap:var(--space-m);max-width:min(86vw, var(--hugo-question-max));text-align:center;flex-direction:column;display:flex;position:absolute;top:clamp(3rem,14vh,6rem);left:50%;transform:translate(-50%)}.hugo__headline{font:500 clamp(1.3rem, 3.2vw + .6rem, 1.75rem) / var(--leading-snug) var(--font-display);color:var(--color-text);text-wrap:balance;margin:0;position:relative}.hugo__headline:before{content:"";z-index:-1;background:radial-gradient(ellipse 70% 90% at center, color-mix(in oklab, var(--color-bg) 20%, transparent) 0%, transparent 75%);position:absolute;inset:-.75rem -1.5rem}.hugo__answer-slot{justify-items:center;display:grid;position:relative}.hugo__answer-slot>*{transition:opacity var(--dur-base) var(--ease-out);grid-area:1/1}.hugo__pre-letter-hint{padding:var(--space-2xs) 0;font:400 var(--step-0) var(--font-body);color:var(--color-text-muted);opacity:1;margin:0}.hugo__pre-letter-hint--hidden{opacity:0;pointer-events:none}.hugo__actions{gap:var(--space-m);opacity:0;pointer-events:none;justify-content:center;display:flex;position:relative}.hugo__actions--visible{opacity:1;pointer-events:auto}@media (prefers-reduced-motion:reduce){.hugo__answer-slot>*{transition:none}}.hugo__yes,.hugo__no{min-height:var(--tap-min);padding:var(--space-2xs) var(--space-l);border:var(--stroke-width-thick) solid var(--color-border);border-radius:var(--radius-pill);font:600 var(--step-1) var(--font-body);box-shadow:var(--shadow-hard-s);justify-content:center;align-items:center;display:inline-flex}.hugo__yes{background:var(--color-highlight);color:var(--color-text);transition:background var(--dur-fast) var(--ease-out)}@media (hover:hover){.hugo__yes:hover{background:var(--color-highlight-hover)}}.hugo__no--slot{visibility:hidden}.hugo__no--live{z-index:6;background:var(--color-accent-soft);color:var(--color-text);cursor:pointer;opacity:0;pointer-events:none;transition:transform var(--no-transition) var(--ease-out), opacity var(--dur-base) var(--ease-out);position:absolute;top:0;left:0}.hugo__no--revealed{opacity:1;pointer-events:auto}@media (hover:hover){.hugo__no--live:hover{background:color-mix(in oklab, var(--color-accent-soft) 70%, var(--color-bg))}}@media (prefers-reduced-motion:reduce){.hugo__no--live{transition:none}}