@font-face{font-family:pen;src:url(/_next/static/media/6059b4ee0d5fe07c-s.p.woff2) format("woff2");font-display:swap;font-weight:100 800;font-style:normal}@font-face{font-family:pen Fallback;src:local("Arial");ascent-override:107.12%;descent-override:31.13%;line-gap-override:0.00%;size-adjust:109.22%}.__className_aaa250{font-family:pen,pen Fallback;font-style:normal}.__variable_aaa250{--font-pen:"pen","pen Fallback"}@font-face{font-family:penThai;src:url(/_next/static/media/2caa522e8307834d-s.p.woff2) format("woff2");font-display:swap;font-weight:100 800;font-style:normal}@font-face{font-family:penThai Fallback;src:local("Arial");ascent-override:136.30%;descent-override:38.00%;line-gap-override:0.00%;size-adjust:100.00%}.__className_f7a3bb{font-family:penThai,penThai Fallback;font-style:normal}.__variable_f7a3bb{--font-pen-thai:"penThai","penThai Fallback"}:root{--pad:clamp(22px,7vw,40px);--maxw:30rem;--check-blue:#51739e;--rise:28px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;height:100%}html{-webkit-text-size-adjust:100%}body,html{overscroll-behavior:none}body{min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gift{z-index:1;touch-action:none;overscroll-behavior:none}.backdrop,.gift{position:fixed;inset:0;overflow:hidden}.backdrop{z-index:0;pointer-events:none;background-color:var(--paper,#e5d9c2)}@media (min-width:600px){.track{max-width:30rem;margin-inline:auto}}.track{display:flex;flex-direction:column;will-change:transform;transform:translateY(calc(-1 * var(--i, 0) * var(--vh, 100dvh) + var(--drag, 0px)));transition:transform .5s cubic-bezier(.2,.66,.3,1.02)}.stage{position:relative;height:var(--vh,100dvh);flex:none;display:flex;flex-direction:column;justify-content:center;padding:max(var(--pad),env(safe-area-inset-top)) var(--pad) max(var(--pad),env(safe-area-inset-bottom));overflow:hidden;pointer-events:none}.stage.is-active{pointer-events:auto}.stage--beat:not(.stage--close),.stage--envelope{padding-bottom:calc(max(var(--pad), env(safe-area-inset-bottom)) + 5dvh)}.inner{width:100%;max-width:var(--maxw);margin:0 auto;position:relative;z-index:1;font-size:calc(var(--fit, 1) * 1em)}.inner:focus{outline:none}.beat__from{margin:0 0 1.7em;font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;opacity:.5}.beat__line{margin:0 0 .9em}.beat__line:last-child{margin-bottom:0}.env{display:flex;flex-direction:column;align-items:center;text-align:center}.env__from{margin:0 0 1.5em;letter-spacing:.04em}.env__open{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:inherit;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1em;padding:0}.env__seal{display:grid;place-items:center;width:64px;height:64px;border:1.5px solid;border-radius:48% 52% 51% 49%/52% 48% 52% 48%;opacity:.8;transform:rotate(-3deg);transition:transform .25s ease,opacity .25s ease}.env__open:hover .env__seal{transform:rotate(-3deg) scale(1.03);opacity:1}.env__open:active .env__seal{transform:rotate(-3deg) scale(.97)}.env__seal-mark{font-size:1.5rem;line-height:1}.env__open-label{font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;opacity:.72}body.is-opening .env__seal{animation:seal-break .42s ease forwards}@keyframes seal-break{0%{transform:rotate(-3deg) scale(1);opacity:1}55%{transform:rotate(4deg) scale(1.12);opacity:.6}to{transform:rotate(10deg) scale(1.3);opacity:0}}.beat-flora{position:absolute;z-index:0;background:currentColor;pointer-events:none;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transform-origin:bottom center;will-change:rotate;rotate:var(--sway-a,0deg);animation:flora-sway var(--sway-dur,7s) ease-in-out var(--sway-delay,0s) infinite}@keyframes flora-sway{0%,to{rotate:var(--sway-a,-2deg)}50%{rotate:var(--sway-b,2deg)}}.close-bloom-wrap{position:absolute;left:25%;bottom:31%;width:50%;max-height:32%;z-index:0;pointer-events:none}.close-bloom{display:block;width:100%;max-height:inherit;object-fit:contain;object-position:center bottom;transform-origin:bottom center;will-change:rotate;--sway-a:-.7deg;--sway-b:.7deg;rotate:var(--sway-a,-.7deg);animation:flora-sway var(--sway-dur,12s) ease-in-out var(--sway-delay,1s) infinite}.readstate{margin-top:clamp(26px,6vh,48px);padding-top:clamp(14px,3vh,20px);border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}.readstate__row{display:flex;align-items:center;gap:12px}.readstate__label{flex:1 1;font-size:.8rem;letter-spacing:.01em;line-height:1.35;opacity:.82}.switch{flex:none;width:46px;height:26px;padding:0;border-radius:999px;cursor:pointer;position:relative;border:1px solid color-mix(in srgb,currentColor 40%,transparent);background:color-mix(in srgb,currentColor 7%,transparent);transition:background .25s ease,border-color .25s ease}.switch__dot{position:absolute;top:50%;left:3px;width:18px;height:18px;border-radius:50%;transform:translateY(-50%);background:currentColor;opacity:.5;transition:left .25s ease,opacity .25s ease,background .25s ease}.readstate.is-on .switch{background:color-mix(in srgb,var(--check-blue) 22%,transparent);border-color:var(--check-blue)}.readstate.is-on .switch__dot{left:25px;opacity:1;background:var(--check-blue)}.checks{display:inline-flex;align-items:center;color:color-mix(in srgb,var(--ink) 42%,transparent);opacity:0;transition:opacity .4s ease,color .45s ease}.checks[hidden]{display:none}.checks.is-in{opacity:1}.readstate.is-pending .checks.is-in{animation:rs-check-pulse 1.6s ease-in-out infinite}.readstate.is-sent .checks{color:var(--check-blue);animation:none}@keyframes rs-check-pulse{0%,to{opacity:.5}50%{opacity:1}}.checks .check{width:17px;height:17px}.checks .check+.check{margin-left:-8px}.readstate.is-sent .readstate__meta,.readstate.is-sent .switch{display:none}.readstate__meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:.85em}.readstate__undo{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:inherit;font:inherit;cursor:pointer;display:inline-flex;align-items:baseline;gap:.4em;padding:0;opacity:.8;font-size:.66rem;letter-spacing:.04em}.readstate__undo[hidden]{display:none}.readstate__undo-do{text-decoration:underline;text-underline-offset:2px}.readstate__undo-t{opacity:.7;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.readstate__info-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:inherit;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.5em;padding:0;opacity:.55;font-size:.66rem;letter-spacing:.04em}.readstate__i{display:inline-grid;place-items:center;width:1.35em;height:1.35em;border-radius:50%;border:1px solid;font-size:.82em;font-style:italic;line-height:1}.readstate__info-label{text-transform:uppercase;letter-spacing:.12em}.readstate__info{max-height:0;opacity:0;overflow:hidden;margin-top:0;font-size:.74rem;line-height:1.5;transition:max-height .35s ease,opacity .35s ease,margin-top .35s ease}.readstate.info-open .readstate__info{max-height:8em;opacity:.7;margin-top:.7em}.stage--close{justify-content:flex-start}.close-body,.stage--close .inner{flex:1 1 auto;display:flex;flex-direction:column}.close-body{justify-content:center}.close-foot{flex:0 0 auto}.close-foot .readstate{margin-top:0}.close-acts{display:flex;gap:clamp(18px,5vw,26px);margin:0 0 clamp(16px,3vh,22px)}.again-link,.share-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:0;font-size:.86rem;opacity:.66;transition:opacity .2s ease}.again-link:hover,.share-link:hover{opacity:.95}.beat__sign{margin:1.4em 0 0}.chev{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);transform:translateX(-50%);width:46px;height:46px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center;opacity:.38;transition:opacity .5s ease}.chev__mark{width:11px;height:11px;margin-top:-4px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg)}body.at-end .chev,body.at-start .chev,body.is-opening .chev{opacity:0;pointer-events:none}@media (prefers-reduced-motion:no-preference){.chev__mark{animation:chev-bob 2.8s ease-in-out infinite}}@keyframes chev-bob{0%,to{transform:rotate(45deg) translate(0)}50%{transform:rotate(45deg) translate(2px,2px)}}.again-link:focus-visible,.chev:focus-visible,.env__open:focus-visible,.readstate__info-btn:focus-visible,.share-link:focus-visible,.switch:focus-visible{outline:2px solid color-mix(in srgb,currentColor 50%,transparent);outline-offset:4px;border-radius:6px}@media (prefers-reduced-motion:reduce){.track{transition:none}*,:after,:before{animation:none!important}}html.no-anim *,html.no-anim :after,html.no-anim :before{transition:none!important;animation:none!important}.beat__line,.beat__salutation,.beat__sign,.close-body,.env__from{-webkit-user-select:text;-moz-user-select:text;user-select:text}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 26px);transform:translateX(-50%) translateY(8px);z-index:20;pointer-events:none;background:color-mix(in srgb,var(--ink,#332e26) 88%,transparent);color:#f3ece0;font-size:.8rem;letter-spacing:.01em;padding:.55em 1.05em;border-radius:999px;opacity:0;transition:opacity .3s ease,transform .3s ease}.toast.is-in{opacity:1;transform:translateX(-50%) translateY(0)}.gift{--paper:#e5d9c2;--ink:#332e26;--ink-soft:color-mix(in srgb,var(--ink) 80%,var(--paper));--ink-greet:#7b6a59;--ink-sign:#4a4339;--en-ink:color-mix(in srgb,var(--ink) 56%,var(--paper));--seal-ink:var(--ink);color:var(--ink);font-family:var(--font-pen),"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-feature-settings:"calt" 1,"liga" 1;font-size:clamp(20px,5.2vw,23px);line-height:1.55}.gift .inner{text-align:left}.gift .beat__line{font-size:1.08em;line-height:1.52}.gift .beat__line:first-child{font-size:1.2em;font-weight:540}.gift .beat__line:not(:first-child){color:var(--ink-soft);font-weight:450}.gift .beat__from{font-size:.9rem;opacity:.6;font-weight:500}.gift .beat__salutation{color:var(--ink-greet);font-size:1.04em;margin:0 0 1.15em;font-weight:560}.gift .beat__sign{color:var(--ink-sign);font-size:1.3em;font-weight:560}.gift .env__from{color:var(--ink-greet);font-size:1.12em;font-weight:540}.gift .env__seal{border-color:color-mix(in srgb,var(--seal-ink) 60%,transparent)}.gift .env__seal-mark{opacity:.85;font-weight:560}.gift .env__open-label{letter-spacing:.2em;opacity:.66;font-weight:600}.gift .readstate{border-top-color:color-mix(in srgb,var(--ink) 15%,transparent)}.gift .readstate__info,.gift .readstate__label{font-weight:470}.gift .readstate__info-label{text-transform:none;letter-spacing:.02em;text-decoration:underline;text-underline-offset:2px}.gift .again-link,.gift .share-link{font-weight:500;text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:color-mix(in srgb,var(--ink) 30%,transparent);text-decoration-color:color-mix(in srgb,var(--ink) 30%,transparent)}.gift.is-bilingual .beat__line,.gift.is-bilingual .beat__salutation,.gift.is-bilingual .beat__sign,.gift.is-bilingual .env__from,.gift.is-bilingual .env__seal-mark,.gift.lang-th:not(.is-bilingual){font-family:var(--font-pen-thai),"Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif}.gift.lang-th .beat__line{line-height:1.66}.gift.lang-th .beat__line:first-child,.gift.lang-th .beat__salutation,.gift.lang-th .beat__sign,.gift.lang-th .env__from,.gift.lang-th .env__seal-mark{font-weight:600}.gift.is-bilingual .is-en{font-family:var(--font-pen),"Bradley Hand","Segoe Print",cursive;font-weight:430;color:var(--en-ink)}.gift .beat__line.is-en{font-size:.78em;line-height:1.46;margin-top:-.35em;margin-bottom:1.15em}.gift .beat__line.is-en:last-child{margin-bottom:0}.gift .beat__salutation.is-en{font-size:.8em;margin-top:-.55em;margin-bottom:1.4em;color:color-mix(in srgb,var(--en-ink) 80%,var(--paper))}.gift .beat__sign.is-en{font-size:.76em;margin-top:.25em;color:color-mix(in srgb,var(--en-ink) 88%,var(--ink))}.gift .env__from-en{font-size:.56em;margin-top:-.1em;letter-spacing:.02em;color:color-mix(in srgb,var(--en-ink) 80%,var(--paper))}.gift.t-dawn{--paper:#e5d9c2;--ink:#332e26;--ink-greet:#7b6a59;--ink-sign:#4a4339}.backdrop.t-dawn{background-color:#e5d9c2;background-image:radial-gradient(135% 120% at 50% 46%,rgba(66,49,31,0) 50%,rgba(66,49,31,.15) 100%)}.backdrop.t-dawn:before{content:"";position:absolute;inset:-8%;pointer-events:none;background:radial-gradient(118% 82% at calc(50% + var(--pool-x, 0%)) calc(40% + var(--pool-y, 0%)),rgba(253,248,238,.92),rgba(253,248,238,0) 58%);animation:paper-breathe 46s ease-in-out infinite;will-change:transform}@keyframes paper-breathe{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(.6%,-1%,0) scale(1.045)}}.backdrop.t-dawn:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;opacity:.2;mix-blend-mode:multiply}.gift.t-kintsugi{--paper:#d8d2c5;--ink:#2e2b27;--ink-greet:#6b655b;--ink-sign:#3c382f;--seal-ink:#b1894c}.backdrop.t-kintsugi{background-color:#d8d2c5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(135% 120% at 50% 44%,rgba(45,40,33,0) 52%,rgba(45,40,33,.17) 100%);background-size:150px 150px,cover;background-blend-mode:soft-light,normal}.backdrop.t-kintsugi:before{content:"";position:absolute;inset:-8%;pointer-events:none;background:radial-gradient(116% 80% at calc(50% + var(--pool-x, 0%)) calc(42% + var(--pool-y, 0%)),rgba(247,243,235,.72),rgba(247,243,235,0) 56%);animation:paper-breathe 52s ease-in-out infinite;will-change:transform}.gift.t-indigo{--paper:#e3d5b6;--ink:#2a3a5c;--ink-greet:#4f5570;--ink-sign:#2f3e60;--seal-ink:#9a7b39;--en-ink:color-mix(in srgb,var(--ink) 64%,var(--paper))}.backdrop.t-indigo{background-color:#e3d5b6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(135% 120% at 50% 46%,rgba(35,35,55,0) 54%,rgba(35,35,55,.15) 100%);background-size:150px 150px,cover;background-blend-mode:soft-light,normal}.backdrop.t-indigo:before{content:"";position:absolute;inset:-8%;pointer-events:none;background:radial-gradient(116% 80% at calc(50% + var(--pool-x, 0%)) calc(42% + var(--pool-y, 0%)),rgba(248,240,222,.66),rgba(248,240,222,0) 56%);animation:paper-breathe 50s ease-in-out infinite;will-change:transform}.backdrop.t-indigo:after{content:"";position:absolute;inset:15px;pointer-events:none;border:1.4px solid rgba(154,123,57,.58);border-radius:3px;outline:1px solid rgba(154,123,57,.3);outline-offset:4px}