@font-face{font-family:阿朱泡泡体;src:url(../fonts/az-paopao-letter.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--cream: #fff8e6;--cream-deep: #ffe9c0;--cream-wash: #fffaf0;--honey: #f2d4a4;--honey-soft: #f8e4c0;--caramel: #d9a978;--bear: #c9a06a;--bear-deep: #8f6b45;--ink: #5a3f32;--ink-soft: #7a5c48;--blush: #f7d4cb;--blush-soft: #fce8e2;--blush-deep: #efb3a8;--chick: #f8dc86;--chick-deep: #e8b84a;--leaf: #c8d6a8;--leaf-soft: #e4edd0;--paper: #fffdf8;--paper-dot: #fff9f0;--fail: #d9796b;--white: #ffffff;--washi-pink: #f5cfc6;--washi-honey: #efd4a8;--washi-mint: #d5e0b8;--polka-bg: #fff6dc;--polka-dot: #a67c52;--polka-dot-soft: #c4a07a;--font-display: "ZCOOL KuaiLe", "Nunito", cursive;--font-letter: "阿朱泡泡体", "Nunito", "Noto Sans SC", sans-serif;--font-body: "Noto Sans SC", "Nunito", sans-serif;--font-latin: "Nunito", "Noto Sans SC", sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--radius: 1.4rem;--radius-sm: .95rem;--pad-x: max(1rem, env(safe-area-inset-left), env(safe-area-inset-right));--pad-y: max(1rem, env(safe-area-inset-top));--pad-bottom: max(1.25rem, env(safe-area-inset-bottom));--tap: 2.75rem;--content: 100%;--shadow: 0 10px 26px rgba(143, 107, 69, .12), 0 2px 0 rgba(255, 255, 255, .65) inset;--shadow-soft: 0 6px 16px rgba(143, 107, 69, .1);--polka-fine: radial-gradient(circle, rgba(166, 124, 82, .28) 1.15px, transparent 1.4px);--polka-soft: radial-gradient(circle, rgba(143, 107, 69, .22) 1.45px, transparent 1.75px);--polka-honey: radial-gradient(circle, rgba(196, 160, 122, .3) 1.55px, transparent 1.85px);--polka-cream: radial-gradient(circle, rgba(166, 124, 82, .2) 1.2px, transparent 1.5px)}@media(min-width:640px){:root{--pad-x: 1.75rem;--content: 40rem}}@media(min-width:1024px){:root{--pad-x: 2.5rem;--content: 46rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;min-height:100svh;font-family:var(--font-body);color:var(--ink);background:var(--cream);overflow-x:hidden;-webkit-font-smoothing:antialiased;touch-action:pan-y}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.is-hidden,.gate.is-hidden,.gate[hidden],.letter-stage.is-hidden,.letter-stage[hidden],.journey.is-hidden,.journey[hidden],.letter[hidden]{display:none!important;opacity:0;pointer-events:none}.cozy-wash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 10% 0%,rgba(255,236,190,.7),transparent 55%),radial-gradient(ellipse 65% 45% at 95% 10%,rgba(242,212,164,.45),transparent 50%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(232,200,150,.35),transparent 55%),linear-gradient(165deg,#fffaf0 0%,var(--polka-bg) 38%,var(--cream-deep) 100%)}.cozy-wash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background:radial-gradient(circle at 18% 22%,rgba(166,124,82,.12) 0 5px,transparent 6px),radial-gradient(circle at 72% 18%,rgba(143,107,69,.1) 0 4px,transparent 5px),radial-gradient(circle at 88% 58%,rgba(166,124,82,.11) 0 6px,transparent 7px),radial-gradient(circle at 30% 70%,rgba(196,160,122,.12) 0 5px,transparent 6px),radial-gradient(circle at 55% 40%,rgba(143,107,69,.08) 0 4px,transparent 5px)}.cozy-wash:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55;background-color:transparent;background-image:var(--polka-soft),var(--polka-fine),var(--polka-honey);background-size:22px 22px,14px 14px,30px 30px;background-position:0 0,7px 9px,11px 4px}#starfield{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.sticker{position:absolute;pointer-events:none;z-index:2;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 14px rgba(143,107,69,.16))}.sticker--kori-tl{width:min(34vw,132px);top:max(.15rem,env(safe-area-inset-top));left:-.15rem;transform:rotate(-7deg);opacity:.96}.sticker--chick-tr{width:min(22vw,86px);top:max(.55rem,env(safe-area-inset-top));right:.1rem;transform:rotate(9deg);opacity:.94;animation:floaty 4.4s ease-in-out infinite}.sticker--pizza-bl{width:min(24vw,92px);left:.1rem;bottom:max(1.1rem,env(safe-area-inset-bottom));transform:rotate(-11deg);opacity:.92;animation:floaty-left 5s ease-in-out infinite}.sticker--roll-br{width:min(26vw,100px);right:.15rem;bottom:max(.6rem,env(safe-area-inset-bottom));transform:rotate(10deg)}.sticker--sleep-tl{width:min(30vw,118px);top:max(.15rem,env(safe-area-inset-top));left:-.1rem;transform:rotate(-6deg);opacity:.94;animation:floaty-left 4.8s ease-in-out infinite}.sticker--chef-tr{width:min(24vw,96px);top:max(.25rem,env(safe-area-inset-top));right:.15rem;transform:rotate(8deg);opacity:.94;animation:floaty 4.2s ease-in-out infinite}.sticker--round-bl{width:min(20vw,78px);left:.15rem;bottom:max(.9rem,env(safe-area-inset-bottom));transform:rotate(-9deg);opacity:.9}.sticker--scarf-br{width:min(26vw,102px);right:.1rem;bottom:max(.7rem,env(safe-area-inset-bottom));transform:rotate(7deg);opacity:.93;animation:floaty 5.2s ease-in-out infinite}.sticker--heart-hero{width:min(34vw,138px);top:max(.1rem,env(safe-area-inset-top));right:-.25rem;transform:rotate(5deg);opacity:.95;animation:floaty 5s ease-in-out infinite}.sticker--chef-hero{width:min(24vw,94px);top:max(.4rem,env(safe-area-inset-top));left:-.15rem;transform:rotate(-8deg);opacity:.93;animation:floaty-left 4.6s ease-in-out infinite}.sticker--pizza-hero{width:min(20vw,78px);left:.35rem;bottom:1.2rem;transform:rotate(12deg);opacity:.9;animation:floaty 4.8s ease-in-out infinite}.sticker--sleep-mid{width:min(22vw,88px);top:-.4rem;right:max(.2rem,calc(50% - 11rem));transform:rotate(6deg);opacity:.88;z-index:1}.sticker--round-mid{width:min(18vw,72px);top:2.4rem;left:max(.15rem,calc(50% - 11.5rem));transform:rotate(-10deg);opacity:.86;z-index:1}@keyframes floaty{0%,to{transform:rotate(8deg) translateY(0)}50%{transform:rotate(8deg) translateY(-8px)}}@keyframes floaty-left{0%,to{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-8deg) translateY(-7px)}}.blob{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:0;opacity:.5}.blob--a{width:200px;height:200px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.45),transparent 55%),var(--blush);top:10%;right:-48px;box-shadow:inset -12px -16px #efb3a840,28px 40px 0 -60px #f8dc8673}.blob--b{width:156px;height:156px;background:radial-gradient(circle at 40% 30%,rgba(255,255,255,.4),transparent 50%),var(--chick);bottom:16%;left:-36px;box-shadow:inset 10px -12px #e8b84a33}.blob--a:after,.blob--b:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;opacity:.45;background-image:var(--polka-cream);background-size:10px 10px}.ornament{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:.55rem auto .85rem;color:var(--blush-deep)}.ornament__dot{width:6px;height:6px;border-radius:50%;background:var(--caramel);box-shadow:10px 0 0 -1px var(--blush-deep),-10px 0 0 -1px var(--chick-deep)}.ornament__heart{font-size:.75rem;line-height:1}.ornament--ink{color:var(--bear)}.dot-divider{display:flex;align-items:center;justify-content:center;gap:.35rem;margin:.85rem auto;height:10px}.dot-divider span{width:5px;height:5px;border-radius:50%;background:var(--caramel);opacity:.55}.dot-divider span:nth-child(2){background:var(--blush-deep);width:6px;height:6px}.dot-divider span:nth-child(3){background:var(--chick-deep)}.dot-divider span:nth-child(4){background:var(--leaf)}.dot-divider span:nth-child(5){background:var(--blush-deep)}.polka-card{position:relative;background-color:#fffdf8e6;background-image:var(--polka-cream),linear-gradient(180deg,#fffdf8f5,#fff9f0eb);background-size:14px 14px,auto;border:2px solid rgba(201,160,106,.38);border-radius:calc(var(--radius) + .3rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.polka-card:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:calc(var(--radius) + .05rem);border:1.5px dashed rgba(217,169,120,.45);pointer-events:none;z-index:0}.polka-card>*{position:relative;z-index:1}.gate{position:relative;z-index:10;min-height:100dvh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(var(--pad-y) + .35rem) var(--pad-x) calc(var(--pad-bottom) + 1rem);overflow:hidden;transition:opacity .85s var(--ease-out),transform .85s var(--ease-out)}.gate.is-leaving{opacity:0;transform:scale(1.03);pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%}.gate__content{position:relative;z-index:3;text-align:center;width:min(100%,22rem);margin-top:clamp(4.5rem,14vw,6.5rem);padding:1.35rem 1.2rem;background-color:#fffdf8eb;background-image:radial-gradient(circle,rgba(166,124,82,.22) 1.15px,transparent 1.4px),radial-gradient(circle,rgba(143,107,69,.16) 1.3px,transparent 1.55px),linear-gradient(165deg,#fffdf9,#fff6e8);background-size:16px 16px,22px 22px,auto;background-position:0 0,8px 10px,0 0;border:2px solid rgba(201,160,106,.4);border-radius:calc(var(--radius) + .35rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:rise-in .9s var(--ease-out) both}.gate__content:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:calc(var(--radius) + .05rem);border:1.5px dashed rgba(217,169,120,.42);pointer-events:none}.gate__content:after{content:"";position:absolute;top:-9px;left:50%;transform:translate(-50%) rotate(-3deg);width:78px;height:20px;background:radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1.3px),linear-gradient(180deg,var(--washi-pink),#efb8ae);background-size:7px 7px,auto;border-radius:2px;box-shadow:0 2px 6px #8f6b451f;opacity:.92;pointer-events:none}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.gate__mascot{display:block;margin:.15rem auto .4rem;width:76px;height:auto;object-fit:contain;animation:bob 2.8s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.gate__eyebrow{font-family:var(--font-latin);font-size:.85rem;font-weight:700;letter-spacing:.18em;text-transform:lowercase;color:var(--bear-deep);margin-bottom:.35rem}.gate__name{font-family:var(--font-display);font-size:clamp(2.4rem,11vw,3.3rem);font-weight:400;line-height:1.15;color:var(--ink);margin-bottom:.1rem}.gate__sub{font-family:var(--font-display);font-weight:400;font-size:1.15rem;line-height:1.5;color:var(--ink-soft);margin-bottom:.85rem}.gate__form{display:flex;flex-direction:column;gap:.65rem;width:100%;max-width:17.5rem;margin:0 auto}.gate__password-mirror{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.pin{display:flex;flex-direction:column;align-items:center;gap:.85rem;width:100%}.pin__slots{display:flex;justify-content:center;gap:.85rem;min-height:1.35rem}.pin__slot{width:.72rem;height:.72rem;border-radius:50%;border:2px solid rgba(107,63,42,.4);background:transparent;transition:background .15s,border-color .15s,transform .15s}.pin__slot.is-filled{background:#6b3f2a;border-color:#6b3f2a;transform:scale(1.08)}.pin__pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem .55rem;width:100%;max-width:15.5rem}.pin__pad.is-fail{animation:soft-shake .55s var(--ease-soft)}.pin__key{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1.3px),linear-gradient(180deg,#fff5f6,#f8d8dc);background-size:8px 8px,auto;color:#5a3f32;font-family:var(--font-latin);font-size:1.25rem;font-weight:800;min-height:2.65rem;border-radius:999px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 3px #6b3f2a38,0 4px 10px #6b3f2a1a;transition:transform .12s,box-shadow .12s,filter .12s}.pin__key:active{transform:translateY(2px);box-shadow:0 1px #8f6b4533;filter:brightness(.98)}.pin__key--spacer{visibility:hidden;pointer-events:none;box-shadow:none;background:none}.pin__key--phone{display:grid;place-items:center;color:#6b3f2a;font-size:0}.pin__key--phone svg{display:block}.pin__key--back{font-size:1.05rem;letter-spacing:0;color:var(--bear-deep)}.gate__pin-hint{font-size:.78rem;color:#5c403380;text-align:center;margin:.05rem 0 .15rem}.gate__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:radial-gradient(circle,rgba(255,248,231,.28) 1px,transparent 1.4px),linear-gradient(180deg,#c4785a,#6b3f2a);background-size:8px 8px,auto;color:#fff8f0;font-family:var(--font-display);font-size:1.15rem;font-weight:400;letter-spacing:.08em;min-height:var(--tap);padding:.75rem 1rem;cursor:pointer;border-radius:999px;touch-action:manipulation;box-shadow:0 8px #4a2c1c,0 12px 18px #6b3f2a47;transition:transform .15s,box-shadow .15s,filter .2s}.gate__btn:hover,.gate__btn:active{filter:brightness(1.05);transform:translateY(2px);box-shadow:0 6px #4a2c1c,0 8px 14px #6b3f2a3d}.gate__hint{min-height:1.4rem;margin-top:.75rem;font-size:.82rem;line-height:1.45;color:var(--fail);opacity:0;transition:opacity .3s}.gate__hint.is-visible{opacity:1}.phone-toast{position:absolute;left:50%;bottom:max(1.1rem,env(safe-area-inset-bottom));transform:translate(-50%) translateY(8px);z-index:8;pointer-events:none;opacity:0;transition:opacity .28s var(--ease-out),transform .28s var(--ease-out)}.phone-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.phone-toast__bubble{max-width:min(88vw,17rem);padding:.7rem 1rem;border-radius:1.1rem 1.1rem 1.1rem .35rem;background:radial-gradient(circle,rgba(255,255,255,.45) 1px,transparent 1.3px),linear-gradient(165deg,#ffe9eb,#f7d0d4 55%,#efc0c6);background-size:9px 9px,auto;border:2px dashed rgba(255,255,255,.95);color:#6b3f2a;font-family:var(--font-display);font-size:.95rem;line-height:1.45;text-align:center;box-shadow:0 10px 22px #6b3f2a2e}.gate.is-shake .gate__content{animation:soft-shake .55s var(--ease-soft)}@keyframes soft-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@media(min-width:640px){.gate{justify-content:center}.gate__content{width:min(100%,26rem);margin-top:0;padding:1.85rem 1.75rem 1.7rem}.gate__name{font-size:clamp(3rem,8vw,3.8rem)}.sticker--kori-tl{width:148px;left:1rem;top:.75rem}.sticker--chick-tr{width:98px;right:1.2rem;top:.9rem}.sticker--pizza-bl{width:104px;left:1.1rem;bottom:1.35rem}.sticker--roll-br{width:118px;right:1.35rem;bottom:1.25rem}}.letter-stage{position:relative;z-index:5;min-height:100dvh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(var(--pad-y) + .25rem) var(--pad-x) calc(var(--pad-bottom) + .75rem);overflow:hidden;transition:opacity .8s var(--ease-out)}.letter-stage__inner{width:min(100%,22.5rem);position:relative;z-index:5;margin-top:clamp(3.4rem,12vw,5rem)}.letter-stage>.sticker{z-index:1;opacity:.82}@media(min-width:640px){.letter-stage{justify-content:center}.letter-stage__inner{margin-top:0}.sticker--sleep-tl{width:128px;left:calc(50% - 17rem)}.sticker--chef-tr{width:108px;right:calc(50% - 16.5rem)}.sticker--round-bl{width:88px;left:calc(50% - 16rem)}.sticker--scarf-br{width:116px;right:calc(50% - 16.5rem)}}.envelope{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;width:100%;cursor:pointer;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .6s,transform .6s var(--ease-out);position:relative;padding:.35rem 0 .2rem;z-index:6}.envelope__shadow{position:absolute;left:8%;right:8%;bottom:3.4rem;height:22px;border-radius:50%;background:radial-gradient(ellipse,rgba(90,63,40,.26),transparent 70%);filter:blur(7px);z-index:0;pointer-events:none}.envelope.is-opening .envelope__photo{opacity:0;transform:translateY(-10px) scale(.97);pointer-events:none}.envelope.is-opening .envelope__paper-peek{transform:translateY(-22%);opacity:1}.envelope.is-opening .envelope__lining{opacity:.9}.envelope.is-gone{opacity:0;transform:translateY(-28px) scale(.94);pointer-events:none;position:absolute;visibility:hidden}.envelope__body{position:relative;width:100%;z-index:1;filter:drop-shadow(0 10px 20px rgba(90,63,40,.18))}.envelope__photo{display:block;width:100%;height:auto;position:relative;z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .45s ease,transform .55s var(--ease-out)}.envelope__lining{position:absolute;top:8%;right:7%;bottom:10%;left:7%;border-radius:.4rem;background:linear-gradient(165deg,#fde8ea,#f5cfc6 55%,#efb8ae);z-index:1;opacity:0;transition:opacity .3s ease;pointer-events:none}.envelope__paper-peek{position:absolute;left:12%;right:12%;top:14%;bottom:18%;background:repeating-linear-gradient(transparent,transparent 17px,rgba(201,160,106,.14) 17px,rgba(201,160,106,.14) 18px),linear-gradient(180deg,#fffdf9,#fff6ea);border:1.5px solid rgba(201,160,106,.22);border-radius:.3rem;z-index:2;opacity:0;transform:translateY(8%);transition:transform .7s var(--ease-out),opacity .4s;display:grid;place-items:center;pointer-events:none}.envelope__heart-mark{font-size:1.6rem;color:#efb3a8b3}.envelope__to{display:block;text-align:center;font-family:var(--font-display);font-size:1.15rem;color:#5a3f32;letter-spacing:.08em;margin-top:.85rem;position:relative;z-index:8;pointer-events:none}.envelope__cue{margin-top:1.35rem;margin-bottom:.2rem;text-align:center;font-family:var(--font-display);font-size:1.15rem;font-weight:400;color:#6b3f2a;animation:pulse-cue 2.2s ease-in-out infinite;position:relative;z-index:8;text-shadow:0 1px 0 rgba(255,255,255,.85);pointer-events:none;isolation:isolate}@keyframes pulse-cue{0%,to{opacity:.45}50%{opacity:1}}@media(min-width:640px){.letter-stage__inner{width:min(100%,30rem)}}.letter{position:relative;background:radial-gradient(circle,rgba(217,169,120,.16) 1px,transparent 1.3px),repeating-linear-gradient(transparent,transparent 27px,rgba(201,160,106,.12) 27px,rgba(201,160,106,.12) 28px),var(--paper);background-size:16px 16px,auto,auto;color:var(--ink);padding:1.55rem 1.2rem 1.3rem;border-radius:var(--radius);border:2px solid rgba(201,160,106,.34);box-shadow:var(--shadow);opacity:0;transform:translateY(24px) scale(.97);pointer-events:none;max-height:calc(100dvh - var(--pad-y) - var(--pad-bottom) - 2rem);max-height:calc(100svh - var(--pad-y) - var(--pad-bottom) - 2rem);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.letter:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:calc(var(--radius) - .35rem);border:1.5px dashed rgba(217,169,120,.38);pointer-events:none;z-index:0}.letter__deco{position:absolute;pointer-events:none;z-index:2;filter:drop-shadow(0 4px 8px rgba(143,107,69,.14));opacity:.92}.letter__deco--tl{width:3.2rem;top:.55rem;left:.45rem;transform:rotate(-12deg)}.letter__deco--br{width:2.8rem;right:.4rem;bottom:.55rem;transform:rotate(10deg)}.letter__tape{position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(-2deg);width:86px;height:20px;background:radial-gradient(circle,rgba(255,255,255,.55) 1.1px,transparent 1.35px),linear-gradient(180deg,var(--washi-pink),#efb8ae);background-size:7px 7px,auto;border-radius:2px;box-shadow:0 2px 6px #8f6b451f;z-index:2}.letter__tape:before,.letter__tape:after{content:"";position:absolute;top:22px;width:48px;height:12px;border-radius:2px;opacity:.75}.letter__tape:before{left:-58px;transform:rotate(-28deg);background:radial-gradient(circle,rgba(255,255,255,.5) .9px,transparent 1.15px),var(--washi-honey);background-size:6px 6px,auto}.letter__tape:after{right:-52px;transform:rotate(22deg);background:radial-gradient(circle,rgba(255,255,255,.5) .9px,transparent 1.15px),var(--washi-mint);background-size:6px 6px,auto}.letter.is-revealed{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;transition:opacity .85s var(--ease-out) .12s,transform .85s var(--ease-out) .12s}.letter__header{text-align:center;margin-bottom:.35rem;position:relative;z-index:1}.letter__date{font-family:var(--font-display);font-weight:400;font-size:1.4rem;letter-spacing:.08em;color:var(--bear-deep)}.letter__body{position:relative;z-index:1}.letter__body p{font-family:var(--font-letter);font-size:1.08rem;line-height:2;text-align:justify;text-indent:1.8em;margin-bottom:.9rem;opacity:0;transform:translateY(10px);letter-spacing:.03em}.letter.is-revealed .letter__body p{animation:para-in .65s var(--ease-out) forwards}.letter.is-revealed .letter__body p:nth-child(1){animation-delay:.28s}.letter.is-revealed .letter__body p:nth-child(2){animation-delay:.45s}.letter.is-revealed .letter__body p:nth-child(3){animation-delay:.62s}@keyframes para-in{to{opacity:1;transform:translateY(0)}}.letter__sign{text-align:right;font-family:var(--font-display);font-size:1.55rem;color:var(--bear-deep);margin:.2rem .15rem;opacity:0;position:relative;z-index:1}.letter.is-revealed .letter__sign{animation:para-in .65s var(--ease-out) .85s forwards}.letter__footer{margin-top:1.1rem;text-align:center;position:sticky;bottom:0;padding-top:.45rem;background:linear-gradient(180deg,transparent,var(--paper) 40%);z-index:1}.letter__cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:radial-gradient(circle,rgba(255,255,255,.35) 1.1px,transparent 1.4px),linear-gradient(180deg,#f7d0d4,#e8a8b0);background-size:9px 9px,auto;color:#5a3f32;font-family:var(--font-display);font-size:1.15rem;font-weight:400;letter-spacing:.06em;min-height:var(--tap);padding:.7rem 1.2rem;cursor:pointer;border-radius:999px;touch-action:manipulation;width:100%;max-width:16rem;box-shadow:0 6px #b86a80,var(--shadow-soft);transition:transform .15s,box-shadow .15s}.letter__cta:hover,.letter__cta:active{transform:translateY(2px);box-shadow:0 4px #b86a80,var(--shadow-soft)}@media(min-width:640px){.letter{padding:1.95rem 1.65rem 1.6rem;max-height:min(78dvh,680px)}.letter__body p{font-size:1.15rem}.letter__cta{width:auto}.letter__footer{position:static;background:none}}.journey{position:relative;z-index:4}.journey__hero{position:relative;z-index:2;min-height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:calc(var(--pad-y) + .35rem) var(--pad-x) 1.35rem;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overflow:hidden}.journey__hero-copy{pointer-events:none;max-width:20rem;width:100%;margin-top:clamp(4.2rem,16vw,6rem);padding:1.2rem 1.15rem 1.15rem;background-color:#fffdf8e0;background-image:radial-gradient(circle,rgba(166,124,82,.22) 1.15px,transparent 1.4px),radial-gradient(circle,rgba(143,107,69,.16) 1.25px,transparent 1.5px),linear-gradient(170deg,#fffdf9,#fff5e6);background-size:15px 15px,22px 22px,auto;background-position:0 0,7px 10px,0 0;border:2px solid rgba(201,160,106,.36);border-radius:var(--radius);box-shadow:var(--shadow-soft);position:relative}.journey__hero-copy:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:calc(var(--radius) - .35rem);border:1.5px dashed rgba(217,169,120,.4);pointer-events:none}.journey__hero-copy:after{content:"";position:absolute;top:-8px;right:18px;width:54px;height:16px;transform:rotate(8deg);background:radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1.25px),var(--washi-honey);background-size:6px 6px,auto;border-radius:2px;box-shadow:0 2px 5px #8f6b451a}.journey__eyebrow{font-family:var(--font-latin);font-weight:800;letter-spacing:.14em;text-transform:lowercase;font-size:.8rem;color:var(--bear-deep);margin-bottom:.35rem}.journey__name{font-family:var(--font-display);font-size:clamp(2.5rem,11vw,3.5rem);color:var(--ink);line-height:1.15}.journey__lead{display:none}.journey__hint{margin-top:1rem;font-size:.78rem;font-weight:600;color:#5c403373;animation:pulse-cue 2.6s ease-in-out infinite}.section-title{font-family:var(--font-display);font-size:1.5rem;text-align:center;color:var(--ink);margin-bottom:1.75rem}.section-title:after{content:"";display:block;width:88px;height:10px;margin:.55rem auto 0;background-image:radial-gradient(circle,var(--blush-deep) 0 2.2px,transparent 2.4px),radial-gradient(circle,var(--caramel) 0 2px,transparent 2.2px),radial-gradient(circle,var(--chick-deep) 0 2.2px,transparent 2.4px),radial-gradient(circle,var(--leaf) 0 2px,transparent 2.2px),radial-gradient(circle,var(--blush-deep) 0 2.2px,transparent 2.4px);background-size:18px 10px;background-position:0 center,18px center,36px center,54px center,72px center;background-repeat:no-repeat}@media(min-width:640px){.journey__hero{min-height:auto;justify-content:center;padding-top:calc(var(--pad-y) + 1.25rem);padding-bottom:2rem}.journey__hero-copy{max-width:26rem;margin-top:1rem;padding:1.65rem 1.75rem}.journey__name{font-size:clamp(3.2rem,8vw,4.2rem)}.sticker--heart-hero{width:158px;right:1.25rem}.sticker--chef-hero{width:110px;left:1rem}.sticker--pizza-hero{width:90px;left:1.6rem;bottom:1.6rem}.sticker--sleep-mid{width:102px;right:-.5rem}.sticker--round-mid{width:84px;left:-.35rem}}.timeline{position:relative;z-index:3;padding:1.5rem var(--pad-x) 2.75rem;max-width:var(--content);margin:0 auto;overflow:visible}.timeline__track{display:flex;flex-direction:column;gap:2.4rem;position:relative}.timeline__track:before{content:"";position:absolute;left:.85rem;top:.4rem;bottom:.4rem;width:4px;border-radius:99px;background:radial-gradient(circle,rgba(255,255,255,.55) 1.2px,transparent 1.5px),linear-gradient(180deg,var(--blush),var(--caramel),var(--chick));background-size:8px 12px,auto;opacity:.7}.timeline__item{display:grid;grid-template-columns:1.9rem 1fr;grid-template-areas:"dot meta" ". visual";gap:.45rem .85rem;opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.timeline__item .timeline__dot{grid-area:dot}.timeline__item .timeline__meta{grid-area:meta}.timeline__item .timeline__visual{grid-area:visual}.timeline__item.is-inview{opacity:1;transform:translateY(0)}.timeline__dot{width:1.55rem;height:1.55rem;margin:.1rem auto 0;border-radius:50%;border:2px solid var(--cream);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),transparent 50%),var(--caramel);box-shadow:0 0 0 3px #d4a57459,0 0 0 6px #f5d0c540;z-index:1;display:grid;place-items:center}.timeline__dot span{font-family:var(--font-latin);font-size:.55rem;font-weight:800;color:var(--cream)}.timeline__year{font-family:var(--font-latin);font-size:.8rem;font-weight:800;color:var(--bear-deep);margin-bottom:.2rem}.timeline__title{font-family:var(--font-display);font-size:1.15rem;font-weight:400;color:var(--ink);line-height:1.4;margin-bottom:.35rem}.timeline__caption{font-size:.86rem;line-height:1.55;color:var(--ink-soft);display:flex;flex-direction:column;gap:.15rem}.timeline__location{font-weight:600;color:var(--ink-soft)}.timeline__note{font-size:.8rem;color:#5c40338c}.timeline__frame{padding:.45rem;border-radius:var(--radius-sm);border:2px solid rgba(201,160,106,.38);background-color:#fffdf8f0;background-image:var(--polka-cream),linear-gradient(180deg,#fffdf9,#fff6e8);background-size:12px 12px,auto;box-shadow:var(--shadow-soft);position:relative}.timeline__frame:before{content:"";position:absolute;top:-6px;left:16px;width:46px;height:12px;transform:rotate(-6deg);background:radial-gradient(circle,rgba(255,255,255,.5) .9px,transparent 1.15px),var(--washi-pink);background-size:5px 5px,auto;border-radius:2px;z-index:2;pointer-events:none}.timeline__mat{border-radius:.65rem;background:radial-gradient(circle,rgba(217,169,120,.22) 1.1px,transparent 1.35px),radial-gradient(circle at 30% 30%,rgba(247,215,116,.38),transparent 50%),radial-gradient(circle at 70% 70%,rgba(245,208,197,.42),transparent 45%),#fff3dd;background-size:14px 14px,auto,auto,auto}.timeline__mat:not(:has(img)){aspect-ratio:4 / 3;display:grid;place-items:center}.timeline__mat img{width:100%;height:auto;display:block;border-radius:.65rem}.timeline__frame-label{font-size:.78rem;font-weight:600;color:#5c403359}@media(min-width:640px){.timeline__track{gap:3.4rem}.timeline__track:before{left:50%;transform:translate(-2px)}.timeline__item{grid-template-columns:1fr 2.2rem 1fr;grid-template-areas:"meta dot visual";gap:1.35rem}.timeline__item:nth-child(2n){grid-template-areas:"visual dot meta"}.timeline__item:nth-child(2n) .timeline__meta{text-align:left}.timeline__item:nth-child(odd) .timeline__meta{text-align:right}.timeline__title{font-size:1.3rem}.timeline__item:nth-child(2n) .timeline__frame:before{left:auto;right:16px;transform:rotate(6deg);background:radial-gradient(circle,rgba(255,255,255,.5) .9px,transparent 1.15px),var(--washi-mint);background-size:5px 5px,auto}}.closing{position:relative;z-index:3;padding:.5rem var(--pad-x) 1.5rem;max-width:min(100%,26rem);margin:0 auto}.closing__card{text-align:center;padding:1.95rem 1.3rem 1.7rem;border-radius:calc(var(--radius) + .2rem);border:2px solid rgba(201,160,106,.38);background-color:#fffdf8eb;background-image:radial-gradient(circle,rgba(166,124,82,.24) 1.2px,transparent 1.45px),radial-gradient(circle,rgba(143,107,69,.16) 1.3px,transparent 1.55px),linear-gradient(165deg,#fffdf9,#fff4e2);background-size:16px 16px,24px 24px,auto;background-position:0 0,10px 12px,0 0;box-shadow:var(--shadow);position:relative}.closing__card:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:calc(var(--radius) - .15rem);border:1.5px dashed rgba(217,169,120,.42);pointer-events:none}.closing__card:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(-2deg);width:72px;height:18px;background:radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1.3px),linear-gradient(180deg,var(--washi-honey),#e8c48e);background-size:7px 7px,auto;border-radius:2px;box-shadow:0 2px 5px #8f6b451a;pointer-events:none}.closing__mascot{display:block;margin:.25rem auto .65rem;position:relative;z-index:1;width:min(28vw,96px);height:auto}.closing__side{position:absolute;right:.55rem;bottom:.7rem;width:3.2rem;height:auto;z-index:1;transform:rotate(12deg);opacity:.92;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(143,107,69,.14))}.closing__eyebrow{font-family:var(--font-latin);font-weight:800;letter-spacing:.12em;color:var(--bear-deep);margin-bottom:.55rem;font-size:.82rem;position:relative;z-index:1}.closing__line{font-family:var(--font-display);font-size:clamp(1.15rem,5vw,1.4rem);color:var(--ink);line-height:1.55;margin-bottom:.7rem;position:relative;z-index:1}.closing__wish{font-family:var(--font-display);font-size:1.05rem;line-height:1.7;color:var(--ink-soft);margin-bottom:1rem;position:relative;z-index:1}.closing__sign{font-family:var(--font-display);font-size:1.45rem;color:var(--bear-deep);position:relative;z-index:1}.journey__footer{text-align:center;padding:1rem var(--pad-x) calc(var(--pad-bottom) + 2rem);font-size:.75rem;font-weight:600;color:#5c403366}.journey__footer p{display:inline-block;padding:.35rem .85rem;border-radius:999px;background:radial-gradient(circle,rgba(217,169,120,.22) 1px,transparent 1.25px),#fffdf88c;background-size:10px 10px,auto;border:1.5px dashed rgba(201,160,106,.35)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:hidden}.confetti span{position:absolute;top:-12px;width:8px;height:8px;border-radius:50%;opacity:.95;animation:confetti-fall linear forwards}@keyframes confetti-fall{to{transform:translateY(105vh) rotate(480deg);opacity:0}}.blessing-float{position:fixed;z-index:6;pointer-events:none;font-size:1.55rem;color:var(--ink);text-shadow:0 2px 8px rgba(255,248,231,.9);animation:blessing-fall 2.2s var(--ease-out) forwards;white-space:nowrap;max-width:90vw;line-height:1.2}@media(min-width:640px){.blessing-float{font-size:1.75rem}}@keyframes blessing-fall{0%{opacity:0;transform:translate(-50%) scale(.85) rotate(-8deg)}12%{opacity:1}to{opacity:0;transform:translate(-50%,88px) scale(1.05) rotate(10deg)}}@media(max-height:480px)and (orientation:landscape){.sticker--kori-tl,.sticker--chick-tr,.sticker--pizza-bl,.sticker--roll-br,.sticker--sleep-tl,.sticker--chef-tr,.sticker--round-bl,.sticker--scarf-br,.sticker--chef-hero,.sticker--pizza-hero,.sticker--sleep-mid,.sticker--round-mid,.letter__deco,.closing__side{display:none}.gate__content,.letter-stage__inner,.journey__hero-copy{margin-top:.5rem}.gate__name{font-size:clamp(1.8rem,7vw,2.4rem)}.journey__hero{min-height:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}