:root{--serif: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--ink: rgba(241, 236, 227, .94);--ink-soft: rgba(228, 223, 213, .66);--ink-faint: rgba(219, 215, 206, .42);--warm: #f2d3a4;--warm-deep: #d9a86a;--rose: #e8c3c6;--night: #04060d;--paper: #f6efe1;--paper-mid: #efe4d1;--paper-deep: #e5d7bf;--paper-ink: #3c332a;--glow-text: 0 0 24px rgba(3, 6, 14, .92), 0 1px 3px rgba(0, 0, 0, .85);--ease-soft: cubic-bezier(.22, .61, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;background:var(--night);color:var(--ink);font-family:var(--serif);overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{position:fixed;top:0;right:0;bottom:0;left:0}#app{position:fixed;top:0;left:0;width:100%;height:100%;height:calc(var(--vh, 1vh) * 100);overflow:hidden;isolation:isolate}.scene-stage{--scene-blur: 0px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;filter:blur(var(--scene-blur))}.is-lean #scene-canvas{filter:none}.scene-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(120% 90% at 50% 52%,#04070f1a,#03050cd9)}.ui-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.ui-root>*{pointer-events:auto}.ui-root>.scene-text{pointer-events:none}.intro{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#04060d;overflow:hidden}.intro__sky{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(38% 30% at 32% 28%,rgba(23,38,74,.55),transparent 70%),radial-gradient(46% 36% at 72% 66%,rgba(16,28,58,.5),transparent 72%),radial-gradient(60% 50% at 50% 50%,rgba(9,15,33,.7),transparent 80%);filter:blur(28px);animation:skyDrift 34s ease-in-out infinite alternate}.intro__stars{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.9;animation:starBreath 9s ease-in-out infinite alternate}.intro__stack{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.65rem;padding:0 8vw;text-align:center;max-width:34rem}.intro__line{margin:0;font-weight:300;font-size:clamp(1.32rem,6.2vw,2.05rem);line-height:1.42;letter-spacing:.035em;color:var(--ink);text-shadow:0 0 30px rgba(120,150,220,.16);will-change:transform,opacity,filter}.intro__line--small{font-size:clamp(.92rem,3.9vw,1.1rem);letter-spacing:.16em;color:var(--ink-faint);margin-top:.15rem}.invite{position:relative;margin-top:clamp(2.2rem,9vh,3.6rem);padding:.85rem 1.4rem .9rem;border:0;background:none;color:var(--ink);font-family:var(--serif);font-weight:300;font-size:clamp(1rem,4.6vw,1.2rem);letter-spacing:.3em;text-indent:.3em;cursor:pointer;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.invite__label{position:relative;z-index:2}.invite__rule{position:absolute;left:14%;right:14%;bottom:.55rem;height:1px;background:linear-gradient(90deg,transparent,rgba(242,211,164,.8),transparent);transform-origin:50% 50%}.invite__halo{position:absolute;top:-60%;right:-30%;bottom:-60%;left:-30%;z-index:1;background:radial-gradient(50% 50% at 50% 50%,rgba(242,211,164,.16),transparent 72%);filter:blur(8px);animation:haloBreath 4.6s ease-in-out infinite}.invite:focus-visible{outline:none}.invite:focus-visible .invite__rule{background:linear-gradient(90deg,transparent,rgba(242,211,164,1),transparent);height:1.5px}.scene-text{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scene-text__line{position:absolute;margin:0;transform:translate(-50%,-50%);width:max-content;max-width:min(84vw,30rem);text-align:center;font-weight:300;color:var(--ink);text-shadow:var(--glow-text);line-height:1.45;white-space:pre-wrap;will-change:transform,opacity,filter}.scene-text__line--xs{font-size:clamp(.8rem,3.4vw,.94rem);letter-spacing:.13em}.scene-text__line--sm{font-size:clamp(.94rem,4vw,1.08rem);letter-spacing:.09em}.scene-text__line--md{font-size:clamp(1.08rem,4.9vw,1.42rem);letter-spacing:.055em}.scene-text__line--lg{font-size:clamp(1.22rem,5.8vw,1.75rem);letter-spacing:.045em}.scene-text__line--whisper{color:#e8e4dcc7;font-style:italic;letter-spacing:.1em}.scene-text__group{isolation:isolate;position:absolute;transform:translate(-50%,-50%);width:max-content;max-width:min(86vw,32rem);display:flex;flex-direction:column;align-items:center;text-align:center;will-change:transform,opacity}.scene-text__group:before{content:"";position:absolute;top:-70%;right:-22%;bottom:-70%;left:-22%;z-index:-1;background:radial-gradient(54% 48% at 50% 50%,#04070e99,#04070e00 72%);filter:blur(12px);pointer-events:none}.is-lean .scene-text__group:before{filter:none}.scene-text__line--static{position:static;transform:none;max-width:100%}.scene-text__group .scene-text__line+.scene-text__line{margin-top:.65rem}.scene-text__group .scene-text__line--gap{margin-top:1.9rem}.scene-text__hint{margin:32px 0 0;font-size:clamp(.72rem,3vw,.83rem);font-weight:300;letter-spacing:.24em;text-indent:.24em;color:#e4e0d885;text-shadow:0 0 18px rgba(3,6,14,.92),0 1px 2px rgba(0,0,0,.55);animation:hintBreath 3.6s ease-in-out infinite;will-change:opacity}.bunny{position:absolute;top:0;left:0;pointer-events:auto;cursor:pointer;will-change:transform,opacity;-webkit-tap-highlight-color:transparent}.bunny.is-delivering{z-index:26}.bunny__svg{width:100%;height:100%;overflow:visible;display:block}.bunny__shadow{position:absolute;top:0;left:0;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,#0000009e,#0000 72%);filter:blur(2px);pointer-events:none;will-change:transform,opacity}.is-lean .bunny__shadow{filter:none}.bunny-cue{position:absolute;top:0;left:0;width:0;height:0;border-radius:50%;border:1px solid rgba(255,216,168,.62);box-shadow:0 0 12px #ffc68a38,inset 0 0 12px #ffc68a1f;opacity:0;pointer-events:none;will-change:transform,opacity}.spark{position:absolute;top:0;left:0;border-radius:50%;background:radial-gradient(circle,#fff4d6,#ffcd8abf 45%,#ffbe7800 72%);pointer-events:none}.gift-spark{position:absolute;top:0;left:0;width:14px;height:14px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff8e2,#ffd096d9 32%,#ffb47800 70%);box-shadow:0 0 22px 6px #ffc68a59}.pips{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 1.5rem);transform:translate(-50%);display:flex;gap:.82rem;font-size:.94rem;color:#e2ded58c;text-shadow:0 0 16px rgba(3,6,14,.95);opacity:0;transition:opacity 1.4s var(--ease-soft);pointer-events:none}.pips.is-visible{opacity:.6}.pips i{font-style:normal;display:inline-block;line-height:1}.pips i.is-on{color:var(--rose);text-shadow:0 0 14px rgba(232,195,198,.65)}.envelope{--env-w: 46px;position:absolute;top:0;left:0;z-index:20;perspective:calc(var(--env-w) * 5.2);pointer-events:none;will-change:transform,opacity;-webkit-tap-highlight-color:transparent}.envelope.is-live{pointer-events:auto;cursor:pointer}.envelope:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px}.envelope__glow{position:absolute;top:-170%;right:-120%;bottom:-170%;left:-120%;background:radial-gradient(50% 50% at 50% 52%,#ffc78566,#ffbe8200 68%);filter:blur(6px);pointer-events:none}.envelope.is-opening .envelope__glow,.is-lean .envelope__glow{filter:none}.envelope__stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;will-change:transform;filter:brightness(.5) saturate(.72);transition:filter 2.4s var(--ease-soft)}.envelope.is-live .envelope__stage{filter:brightness(.68) saturate(.88)}.envelope.is-opening .envelope__stage{filter:none}.envelope__stage>span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--env-w) * .043)}.envelope__shadow{inset:auto -22% -20% -22%;height:52%;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,#000000d9,#0000 68%);transform:translateZ(calc(var(--env-w) * -.05))}.envelope__back{background:linear-gradient(168deg,#cabb9d,#b3a07c 46%,#96835f);box-shadow:0 calc(var(--env-w) * .2) calc(var(--env-w) * .45) calc(var(--env-w) * -.17) #000c}.envelope__sheet{top:7%;right:6%;bottom:13%;left:6%;background:linear-gradient(178deg,var(--paper) 0%,var(--paper-mid) 100%);transform:translateZ(1px);box-shadow:0 calc(var(--env-w) * .02) calc(var(--env-w) * .045) #00000040}.envelope__front{background:linear-gradient(178deg,#ffffff24,#0000001f),linear-gradient(160deg,#e0d0ad,#d2bf98 52%,#bfa87d);transform:translateZ(2px);box-shadow:inset 0 calc(var(--env-w) * .02) 0 #fffaeb59,0 calc(var(--env-w) * .25) calc(var(--env-w) * .5) calc(var(--env-w) * -.25) #000000d9;overflow:hidden}.envelope__front:before,.envelope__front:after{content:"";position:absolute;top:-6%;width:78%;height:150%;background:linear-gradient(90deg,#fffaec29,#78644224)}.envelope__front:before{left:-42%;transform:rotate(-34deg);transform-origin:100% 0}.envelope__front:after{right:-42%;transform:rotate(34deg);transform-origin:0 0}.envelope__flap{height:62%;inset:0 0 auto 0;transform-origin:50% 0%;transform:translateZ(3px) rotateX(0);backface-visibility:visible;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(180deg,#fffcf238,#00000029),linear-gradient(163deg,#e6d7b6,#d3c09a 60%,#c1ac84);will-change:transform}.envelope__seal{position:absolute;left:50%;top:66%;width:26%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(38% 34% at 38% 30%,#ffd6ce80,#0000 60%),linear-gradient(160deg,#8e4a4a,#6a2f33);box-shadow:inset 0 calc(var(--env-w) * -.02) calc(var(--env-w) * .045) #00000073,0 calc(var(--env-w) * .02) calc(var(--env-w) * .065) #00000080;display:grid;place-items:center;line-height:1;color:#ffe0e0b8}.envelope__seal:after{content:"♡";font-size:calc(var(--env-w) * .19);transform:translateY(1%)}.letter{--lw: min(87vw, 384px);--lh: min(70vh, 560px);position:absolute;left:calc(50% - var(--lw) / 2);top:calc(50% - var(--lh) / 2);width:var(--lw);height:var(--lh);z-index:10;pointer-events:none;will-change:transform,opacity}.letter.is-front{z-index:30;pointer-events:auto}.letter:before{content:"";position:absolute;top:-18%;right:-22%;bottom:-18%;left:-22%;background:radial-gradient(50% 46% at 50% 48%,#ffce9433,#ffbe8200 70%);filter:blur(14px);pointer-events:none}.is-lean .letter:before{filter:none}.letter__paper{position:relative;width:100%;height:100%;border-radius:3px;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,#fffdf6d9,#fff0 60%),linear-gradient(178deg,var(--paper) 0%,var(--paper-mid) 58%,var(--paper-deep) 100%);box-shadow:0 40px 70px -26px #000000c7,0 8px 22px -12px #0009,inset 0 1px #fff9}.letter__grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:linear-gradient(180deg,#8c785a00 46%,#8c785a17,#8c785a00 54%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.32'/%3E%3C/svg%3E")}.letter__body{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:clamp(1.6rem,6vw,2.3rem) clamp(1.35rem,5.4vw,2rem) clamp(1.4rem,5vw,2rem);touch-action:pan-y}.letter__body::-webkit-scrollbar{display:none}.letter__content{color:var(--paper-ink)}.letter__p{margin:0 0 1.05em;font-weight:400;font-size:clamp(1rem,4.4vw,1.14rem);line-height:1.74;letter-spacing:.005em;will-change:transform,opacity,filter}.letter__p:first-child{font-size:clamp(1.1rem,4.9vw,1.28rem);letter-spacing:.02em}.letter__p--sign{text-align:right;font-style:italic;color:#5b4c3c;margin-top:1.6em}.letter__ps{margin:2.2rem 0 0;font-size:clamp(.86rem,3.7vw,.95rem);font-style:italic;line-height:1.7;letter-spacing:.012em;color:#7d6b57;will-change:transform,opacity,filter}.letter__more{display:block;margin:2.1rem auto .2rem;padding:.5rem .6rem .4rem;border:0;background:none;font-family:var(--serif);font-style:italic;font-size:clamp(.96rem,4.1vw,1.06rem);letter-spacing:.05em;color:#8a7154;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}.letter__more-label{position:relative;display:block}.letter__more-label:after{content:"";position:absolute;left:12%;right:12%;bottom:-.28rem;height:1px;background:linear-gradient(90deg,transparent,rgba(138,113,84,.55),transparent)}.letter__more-hint{display:block;margin-top:1.15rem;font-style:normal;font-size:.68rem;letter-spacing:.24em;text-indent:.24em;color:#786550b8;animation:hintBreath 3.6s ease-in-out infinite}.letter__fade{position:absolute;left:0;right:0;height:3.2rem;pointer-events:none;opacity:0;transition:opacity .5s var(--ease-soft)}.letter__fade--top{top:0;background:linear-gradient(180deg,var(--paper) 10%,rgba(246,239,225,0))}.letter__fade--bottom{bottom:0;height:4.4rem;background:linear-gradient(0deg,var(--paper-deep) 6%,rgba(229,215,191,.85) 40%,rgba(239,228,209,0))}.letter.has-top-fade .letter__fade--top,.letter.has-bottom-fade .letter__fade--bottom{opacity:1}.letter__scroll{position:absolute;left:0;right:0;bottom:.85rem;margin:0;text-align:center;font-style:italic;font-size:.8rem;letter-spacing:.1em;color:#76634ed9;pointer-events:none;opacity:0;transition:opacity .7s var(--ease-soft);will-change:transform,opacity}.letter__scroll span{display:inline-block;animation:scrollBreath 2.8s ease-in-out infinite}.letter.has-scroll-hint .letter__scroll{opacity:1}#app.is-ending{-webkit-clip-path:circle(var(--iris, 150%) at 50% 45%);clip-path:circle(var(--iris, 150%) at 50% 45%)}.iris-stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none}.iris-star{position:absolute;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;background:radial-gradient(closest-side,#fff,#ffe7bf 42%,#ffdda000);-webkit-clip-path:polygon(50% 0%,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0% 50%,42% 42%);clip-path:polygon(50% 0%,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0% 50%,42% 42%);filter:drop-shadow(0 0 5px rgba(255,226,175,.85));opacity:0;will-change:transform,opacity}.iris-star--final{width:22px;height:22px;margin:-11px 0 0 -11px}@media (max-width: 640px){.scene-text__hint{color:#e7e3dc9e;font-weight:400}.letter__more-hint{color:#725f4ad1}.letter__scroll{color:#705d48eb}}.debug{position:fixed;top:0;left:0;z-index:999;margin:0;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.5;white-space:pre;color:#9ff5c8;background:#0000009e;border-bottom-right-radius:6px;pointer-events:none}@keyframes skyDrift{0%{transform:translate3d(-1.5%,-1%,0) scale(1.02)}to{transform:translate3d(2%,1.5%,0) scale(1.06)}}@keyframes starBreath{0%{opacity:.55}to{opacity:1}}@keyframes scrollBreath{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes hintBreath{0%,to{opacity:.72}50%{opacity:1}}@keyframes haloBreath{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}@media (prefers-reduced-motion: reduce){.intro__sky,.intro__stars,.scene-text__hint,.letter__scroll span,.invite__halo{animation-duration:1ms;animation-iteration-count:1}}@media (min-width: 900px){.letter{--lw: 420px;--lh: min(72vh, 600px)}}