:root{--paper:#f4ecdd;--paper-deep:#e9dcc4;--ink:#3a2c25;--ink-soft:#6f5f55;--letter-ink:#a39a8e;--seal:#8c2a20;--seal-dark:#62190f;--night:#0e0b0a;--night-raised:#1c1613;--pumpkin:#ff7a1a;--bone:#efe6d6;--grain: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.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.35  0 0 0 0 0.27  0 0 0 0 0.18  0 0 0 0.09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}*,:before,:after{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0}body{font-family:var(--font-envelope), Georgia, serif;background-image:var(--grain), radial-gradient(ellipse at 50% 20%, #fbf6ec 0%, var(--paper) 55%, var(--paper-deep) 100%);touch-action:pan-y;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background-attachment:fixed}[hidden]{display:none!important}.stage{min-height:100svh;display:grid}.screen{min-height:100svh;padding:max(28px, env(safe-area-inset-top)) 22px max(28px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:22px;animation:.45s ease-out both screen-in;display:flex}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.btn{appearance:none;font:inherit;letter-spacing:.01em;text-align:center;cursor:pointer;border:0;border-radius:999px;min-width:240px;padding:15px 26px;font-size:1.15rem;font-weight:600;text-decoration:none;transition:transform .12s,background-color .16s,opacity .16s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--ink{background:var(--ink);color:var(--bone);box-shadow:0 10px 24px -12px #3a2c25b3}.btn--line{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0}.btn--quiet{color:var(--ink-soft);text-underline-offset:4px;background:0 0;min-width:0;padding:10px;font-weight:500;text-decoration:underline}.btn--pumpkin{background:var(--pumpkin);color:var(--night);box-shadow:0 0 #ff7a1a80}.btn--ghost{color:var(--bone);background:0 0;box-shadow:inset 0 0 0 1.5px #efe6d68c}.btn--ghost-quiet{color:#efe6d699;background:0 0;min-width:0;font-weight:500}.soon{font-size:.8em;font-weight:400}.stack{flex-direction:column;align-items:center;gap:12px;margin-top:8px;display:flex}.kicker{text-align:center;margin:0;font-size:1.7rem;font-weight:600;line-height:1.2;transition:opacity .4s,transform .4s}.hint{color:var(--ink-soft);text-align:center;margin:0;font-size:1.05rem;font-style:italic;transition:opacity .3s}.screen--envelope .btn{transition:opacity .3s,transform .12s}.envelope{--w:min(80vw, 340px);width:var(--w);aspect-ratio:1.55;perspective:900px;cursor:pointer;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 22px 26px #3a2c2547);outline:none;transition:scale .16s;animation:5s ease-in-out infinite float;position:relative}.envelope:active{scale:.97}@keyframes float{0%,to{transform:translateY(0)rotate(-1.2deg)}50%{transform:translateY(-6px)rotate(.6deg)}}.envelope__back,.envelope__front,.envelope__flap{border-radius:6px;position:absolute;inset:0}.envelope__back{background:#d4c09d;box-shadow:inset 0 0 0 1px #5a46321f}.envelope__paper{background:var(--grain), #fffaf1;z-index:1;border-radius:3px;flex-direction:column;gap:9%;height:86%;padding:12% 10% 0;display:flex;position:absolute;top:7%;left:7%;right:7%;box-shadow:0 1px 3px #0000001f}.envelope__paper-to{font-family:var(--font-letter), cursive;color:#8f877c;order:-1;font-size:clamp(.8rem,3.6vw,1rem)}.envelope__paper-line{background:#a39a8e59;border-radius:2px;height:2px}.envelope__paper-line.short{width:60%}.envelope__front{background:var(--grain), linear-gradient(160deg, #eadbbf, #dcc8a4);clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);z-index:2}.envelope__flap{transform-origin:top;height:62%;transform-style:preserve-3d;z-index:3}.envelope__flap-face,.envelope__flap-inside{backface-visibility:hidden;clip-path:polygon(0 0,100% 0,50% 94%);position:absolute;inset:0}.envelope__flap-face{background:var(--grain), linear-gradient(180deg, #e4d2b1, #d3bd95)}.envelope__flap-inside{clip-path:polygon(50% 6%,100% 100%,0 100%);background:linear-gradient(#bca57e,#c9b38c);transform:rotateX(180deg)}.envelope__seal{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #b0443a, var(--seal) 55%, var(--seal-dark));color:#ffebdcd9;z-index:4;border-radius:50%;place-items:center;width:17%;margin:-8.5% 0 0 -8.5%;font-size:1.4rem;font-weight:600;animation:4.5s ease-in-out 2.5s infinite seal-nudge;display:grid;position:absolute;top:58%;left:50%;box-shadow:0 2px 4px #0000004d,inset 0 0 0 3px #0000001f}@keyframes seal-nudge{0%,86%,to{transform:rotate(0)scale(1)}89%{transform:rotate(-10deg)scale(1.06)}92%{transform:rotate(8deg)scale(1.06)}95%{transform:rotate(-4deg)scale(1.02)}}.envelope__to{text-align:center;font-family:var(--font-letter), cursive;color:var(--ink-soft);z-index:4;margin:0;font-size:1.15rem;transition:opacity .3s;position:absolute;bottom:9%;left:0;right:0}.envelope.is-opening{cursor:default;animation:none}.envelope.is-opening .envelope__seal{animation:.52s cubic-bezier(.3,0,.6,1) forwards seal-pop}@keyframes seal-pop{0%{opacity:1;transform:scale(1)rotate(0)}25%{opacity:1;transform:scale(1.18)rotate(-8deg)}to{opacity:0;transform:translate(28px,160px)scale(.7)rotate(160deg)}}.envelope.is-opening .envelope__to{opacity:0}.envelope.is-flap-open .envelope__flap{animation:.62s cubic-bezier(.45,0,.2,1) forwards flap-open}@keyframes flap-open{0%{z-index:3;transform:rotateX(0)}49%{z-index:3}50%{z-index:0}to{z-index:0;transform:rotateX(180deg)}}.envelope.is-letter-out .envelope__paper{z-index:1;animation:.76s cubic-bezier(.2,.8,.2,1) forwards paper-rise}@keyframes paper-rise{0%{transform:translateY(0)}to{transform:translateY(-62%)}}.envelope.is-handoff{filter:none}.envelope.is-handoff .envelope__back,.envelope.is-handoff .envelope__front,.envelope.is-handoff .envelope__flap{opacity:0;transition:transform .6s cubic-bezier(.5,0,.75,0),opacity .5s;transform:translateY(70%)}.envelope.is-handoff .envelope__paper{animation:.62s cubic-bezier(.2,.8,.2,1) forwards paper-handoff}@keyframes paper-handoff{0%{opacity:1;transform:translateY(-62%)scale(1)}to{opacity:0;transform:translateY(-40%)scale(1.25)}}.screen--envelope.is-leaving .kicker{opacity:0;transform:translateY(-10px)}.screen--envelope.is-leaving .hint,.screen--envelope.is-leaving .btn,.screen--envelope.is-leaving .report-link{opacity:0}.screen.from-letter{animation:.56s cubic-bezier(.2,.8,.2,1) both card-from-letter}@keyframes card-from-letter{0%{opacity:0;transform:translateY(24px)scale(.92)}to{opacity:1;transform:none}}.card{background:var(--grain), #fffaf2;text-align:center;border-radius:18px;width:min(100%,400px);padding:30px 24px 22px;font-size:1.18rem;line-height:1.45;box-shadow:0 30px 50px -30px #3a2c2573,0 0 0 1px #3a2c250f}.card p{margin:0 0 12px}.card__title{margin:0 0 14px;font-size:1.75rem;line-height:1.15}.muted{color:var(--ink-soft)}.small{font-size:.95rem}.error{color:var(--seal);font-weight:600}.steps{text-align:left;margin:6px 0 10px;padding-left:1.3em}.steps li{margin-bottom:6px}.screen--letter{padding-top:max(48px, env(safe-area-inset-top));justify-content:flex-start}.letter{width:min(100%,340px);font-family:var(--font-letter), cursive;color:var(--letter-ink);background:var(--grain), #fbf7ef;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:2px;padding:26px 22px 30px;font-size:11.5px;font-weight:300;line-height:1.75;box-shadow:0 18px 30px -22px #3a2c2580}.letter p{margin:0 0 1.1em}.letter__greeting{font-weight:400}.letter__signoff{text-align:right;font-weight:400;margin-top:1.6em!important}.camera-preview{opacity:.01;pointer-events:none;width:2px;height:2px;position:fixed;bottom:0;right:0}.twist{z-index:50;background:#000;position:fixed;inset:0;overflow:hidden}.twist__media{will-change:width, transform;pointer-events:none;max-width:none;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reel-canvas{pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:-10000px}.screen--reveal{background:radial-gradient(ellipse at 50% 0%, #3a1c0c 0%, var(--night) 60%);color:var(--bone);font-family:var(--font-envelope), Georgia, serif;padding-top:max(40px, env(safe-area-inset-top));justify-content:flex-start}.reveal__title{font-family:var(--font-reveal), var(--font-envelope), serif;color:var(--pumpkin);text-align:center;text-shadow:0 0 28px #ff7a1a59;margin:0;font-size:clamp(2rem,9vw,3rem);font-weight:400;line-height:1.1}.reveal__pending{color:#efe6d6cc;align-items:center;gap:12px;font-size:1.15rem;display:flex}.pulse{background:var(--pumpkin);border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.reveal__clip{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.reveal__video{aspect-ratio:9/16;object-fit:contain;background:var(--night-raised);border-radius:16px;max-width:100%;height:min(56svh,560px);box-shadow:0 0 0 1px #ff7a1a4d,0 20px 50px -20px #ff7a1a66}.reveal__note{color:#efe6d6cc;text-align:center;margin:0;font-size:1.15rem}.screen--reveal .muted{color:#efe6d699;margin:4px 0}.screen--keepsake{justify-content:flex-start}.letter--keepsake{color:var(--ink);-webkit-user-select:text;user-select:text;font-size:1.2rem;font-weight:400;line-height:1.7}.keepsake__cta{flex-direction:column;align-items:center;gap:8px;font-size:1.2rem;display:flex}.keepsake__cta p{margin:0}@media (prefers-reduced-motion:reduce){.envelope,.screen{animation:none}}.card--wide{width:min(100%,440px)}.watch__video{margin-inline:auto;background:#000;border-radius:12px;width:auto;max-width:100%;height:min(70svh,720px);margin:4px 0 10px;display:block}.upload{text-align:center;width:min(100%,300px)}.upload__bar{background:#efe6d626;border-radius:999px;height:6px;overflow:hidden}.upload__bar span{background:var(--pumpkin);width:0;height:100%;transition:width .2s;display:block}.reveal__status{color:var(--pumpkin);text-align:center;margin:4px 0 0;font-size:1.2rem}.screen--reveal .error{color:#ff9b86;text-align:center;margin:0}.email-copy{background:#efe6d60f;border-radius:14px;flex-direction:column;gap:10px;width:min(100%,320px);padding:14px;display:flex}.email-copy__label{font-size:1rem}.email-copy__input{font:inherit;background:var(--night-raised);color:var(--bone);border:1px solid #efe6d659;border-radius:10px;padding:12px 14px;font-size:16px}.email-copy__optin{color:#efe6d6b3;align-items:flex-start;gap:10px;font-size:.95rem;line-height:1.35;display:flex}.email-copy__optin input{margin-top:3px}.screen--letter{perspective:1200px}.screen--letter:not([hidden]) .letter{transform-origin:top;animation:.95s cubic-bezier(.2,.8,.2,1) both unfold}@keyframes unfold{0%{opacity:0;transform:rotateX(-78deg)translateY(-12px)}35%{opacity:1}to{opacity:1;transform:none}}.letter{position:relative}.screen--letter:not([hidden]) .letter:after{content:"";pointer-events:none;background:linear-gradient(#0000 calc(33.3% - 1px),#78645024 33.3%,#0000 calc(33.3% + 2px)),linear-gradient(#0000 calc(66.6% - 1px),#78645024 66.6%,#0000 calc(66.6% + 2px));animation:2.4s ease-out .4s both creases;position:absolute;inset:0}@keyframes creases{0%{opacity:1}to{opacity:.25}}@media (prefers-reduced-motion:reduce){.envelope__seal,.screen--letter:not([hidden]) .letter,.screen.from-letter{animation:none!important}}.report-form{gap:10px;margin-top:14px;display:grid}.report-form__option{cursor:pointer;background:#3a2c250d;border-radius:12px;grid-template-columns:22px 1fr;align-items:start;gap:10px;padding:12px;font-size:1.02rem;display:grid}.report-form__option input{accent-color:var(--seal);margin-top:4px}.report-form__details{gap:6px;display:grid}.report-form__details textarea{font:inherit;resize:vertical;background:#fffdf8;border:1px solid #3a2c2533;border-radius:10px;padding:10px 12px;font-size:16px}.report-link{color:var(--ink-soft);text-align:center;margin-top:6px;font-size:.85rem;display:block}.screen--reveal .report-link,.screen--envelope .report-link{opacity:.7}.pass-it-on{text-align:center;margin:4px 0;font-size:1.05rem}.pass-it-on--dark{color:#efe6d6d9;max-width:320px;line-height:1.5;text-decoration:none;display:block}.pass-it-on__code{letter-spacing:.06em;color:var(--pumpkin);background:#ff7a1a1f;border-radius:6px;padding:2px 8px;font-family:ui-monospace,monospace;font-weight:700;display:inline-block}.keepsake__cta .pass-it-on__code{color:var(--seal);background:#8c2a2014}.preview-sound{gap:4px;margin:0 0 12px;display:grid}.preview-sound select{font:inherit;background:#fffdf8;border:1px solid #3a2c2540;border-radius:10px;padding:10px 12px;font-size:16px}