@font-face{font-family:letterFont;src:url(../media/mothers_letter-s.p.2ivd2s9ida9oc.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:letterFont Fallback;src:local(Arial);ascent-override:90.39%;descent-override:22.6%;line-gap-override:18.08%;size-adjust:88.5%}.letterfont_c8c663d3-module__jrpU5a__className{font-family:letterFont,letterFont Fallback;font-style:normal;font-weight:400}.letterfont_c8c663d3-module__jrpU5a__variable{--font-letter:"letterFont", "letterFont Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#151715;--paper:#e9e4d4;--ink:#55534b;--muted:#b0afa5;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h180v180H0z' fill='%23000' opacity='.11' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{min-width:320px}body{background:var(--background);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Apple SD Gothic Neo,Malgun Gothic,sans-serif}body:before{content:"";pointer-events:none;background:radial-gradient(at 50% 42%,#44483a30,#0000 70%);position:fixed;inset:0}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default}a{color:inherit;text-underline-offset:6px}button:focus-visible,a:focus-visible{outline-offset:10px;outline:1px solid #c5b89b}.arrival{place-items:center;min-height:100svh;padding:90px 24px 64px;display:grid}.open-letter{perspective:1000px;width:min(100%,540px);padding:0}.closed .open-letter{transform-origin:50%;animation:6s ease-in-out infinite envelope-float}.envelope{isolation:isolate;width:100%;transition:transform .7s cubic-bezier(.22,1,.36,1);display:block;position:relative}.envelope-flap{z-index:0;transform-origin:bottom;width:100%;height:auto;transition:transform .45s;position:absolute;bottom:calc(100% - 1px);left:0}.envelope-face{z-index:2;aspect-ratio:1.52;background-color:var(--paper);background-image:var(--grain), linear-gradient(120deg, #f0eddc50, #bfb29b20);place-items:center;padding:48px;display:grid;position:relative;box-shadow:0 16px 48px #0003}.envelope-face:before{content:"";pointer-events:none;border:1px solid #8f8a78;position:absolute;inset:25px}.envelope-message{letter-spacing:-.6px;word-break:keep-all;flex-direction:column;gap:6px;font-size:clamp(15px,2.9vw,23px);line-height:1.65;display:flex;position:relative}.envelope-message strong{font-weight:600}.envelope-date{letter-spacing:1.5px;color:#777365;text-align:center;font-size:12px;position:absolute;bottom:40px;left:0;right:0}@media (hover:hover){.open-letter:hover:not(:disabled) .envelope{transform:translateY(-3px)}.close-letter:hover{color:#ece7d8}}.opening .envelope-flap,.opening .envelope-message{opacity:0;transition:opacity .22s}.reading-content{width:min(100% - 48px,760px);margin:0 auto;padding:24px 0 72px;position:relative}.close-letter{width:44px;height:44px;color:var(--muted);place-items:center;margin:0 0 12px auto;padding:10px;animation:.3s .45s both fade-in;display:grid}.letter-paper{transform-origin:0 0;background-color:var(--paper);background-image:var(--grain), linear-gradient(120deg, #f0eddc50, #bfb29b20);padding:78px 74px;position:relative;box-shadow:0 16px 48px #0003}.letter-paper:before{content:"";pointer-events:none;border:1px solid #8f8a78;position:absolute;inset:24px}.written-letter{font-family:var(--font-letter), "Apple SD Gothic Neo", sans-serif;font-weight:400;animation:.4s .2s both fade-in;position:relative}.paragraph{white-space:normal;word-break:keep-all;overflow-wrap:break-word;margin:0 0 28px;font-size:20px;line-height:1.9}.paragraph:last-child{margin-bottom:0}.font-fallback{font-family:Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:.82em}.signature{white-space:pre-line;text-align:right;margin:54px 0 0;font-size:20px;line-height:1.9}.letter-image img{width:100%;height:auto;display:block}.letter-image+.letter-image{margin-top:24px}.image-error{text-align:center;padding:64px 0;font-size:14px;line-height:2}.pdf-letter{text-align:center;padding:60px 0}.pdf-letter a{padding:12px;font-size:16px;display:inline-block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes envelope-float{0%,to{transform:translateY(0)rotate(-.4deg)}50%{transform:translateY(-7px)rotate(.4deg)}}@media (max-width:600px){.arrival{padding-inline:20px}.envelope-face{padding:35px 28px}.envelope-face:before{inset:16px}.envelope-date{font-size:11px;bottom:27px}.reading-content{width:calc(100% - 24px);padding-top:12px}.letter-paper{padding:45px 32px}.letter-paper:before{inset:12px}.paragraph{font-size:19px;line-height:1.85}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}