@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/e44cdba7d0878bc5-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/07fccecd6728972a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/486fce9f36bc8f45-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/46bdd75a3ff56824-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Caveat Fallback;src:local("Arial");ascent-override:124.77%;descent-override:38.99%;line-gap-override:0.00%;size-adjust:76.94%}.__className_c512e9{font-family:Caveat,Caveat Fallback;font-style:normal}.__variable_c512e9{--font-hand:"Caveat","Caveat Fallback"}:root{--p:min(44vw,400px);--h:min(78vh,calc(var(--p)*1.45));--rose:#f6cdd7;--ink:#4a2f45;--ease:cubic-bezier(.45,.05,.2,1)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden;background:#050b1f;color:#fff;font-family:var(--font-hand),cursive}.room{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse 55% 45% at 50% 38%,#1a2f66 0,#0b1840 55%,#050b1f 100%)}.room:before{opacity:.7;background-image:radial-gradient(1.3px 1.3px at 12% 22%,#fff9,transparent),radial-gradient(1px 1px at 70% 14%,#fff8,transparent),radial-gradient(1.5px 1.5px at 88% 60%,#ffd9e2aa,transparent),radial-gradient(1px 1px at 30% 82%,#fff8,transparent),radial-gradient(1.2px 1.2px at 52% 48%,#fff6,transparent);background-size:340px 300px}.room:after,.room:before{content:"";position:absolute;inset:0;pointer-events:none}.room:after{background:radial-gradient(ellipse at center,transparent 45%,#02060f 100%)}.scene{position:relative;z-index:1;perspective:1700px;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,4vh,40px)}.float{transform-style:preserve-3d;animation:float 6s ease-in-out infinite}.open .float{animation:none}@keyframes float{50%{transform:translateY(-8px)}}.tilt{transform-style:preserve-3d;transform:rotateX(16deg) rotateY(-10deg);transition:transform 1.3s var(--ease)}.room:not(.open) .scene:hover .tilt{transform:rotateX(11deg) rotateY(-4deg)}.open .tilt{transform:rotateX(20deg) rotateY(0)}.book{position:relative;width:calc(var(--p)*2);height:var(--h);transform-style:preserve-3d;transform:translateX(calc(var(--p)*-.5));transition:transform 1.3s var(--ease)}.open .book{transform:translateX(0)}.book:before{content:"";position:absolute;inset:6% -2% -8%;background:#000;filter:blur(34px);opacity:.55;transform:translateZ(-40px);border-radius:50%;transition:opacity 1s}.room:not(.open) .scene:hover .book:before{opacity:.75}.paper{position:absolute;top:0;width:var(--p);height:var(--h);background:repeating-linear-gradient(45deg,#ffffff08 0 2px,transparent 2px 5px),linear-gradient(160deg,#fbe4ea,#f4c6d1);box-shadow:inset 0 1px 0 #fff8,inset 0 0 0 1px #d9a3b2}.right{left:var(--p);border-radius:0 6px 6px 0;box-shadow:inset 0 0 0 1px #d9a3b2,inset 22px 0 26px -18px #7a3f55aa,2px 3px 0 #e8b9c6,4px 6px 0 #d9a3b2,6px 9px 12px #0008}.left{left:0;border-radius:6px 0 0 6px;box-shadow:inset 0 0 0 1px #d9a3b2,inset -22px 0 26px -18px #7a3f55aa,-2px 3px 0 #e8b9c6,-4px 6px 0 #d9a3b2,-6px 9px 12px #0008}.content{position:absolute;inset:0;padding:calc(var(--p)*.07);overflow-y:auto;scrollbar-width:none;color:var(--ink)}.content::-webkit-scrollbar{display:none}.flap{position:absolute;left:var(--p);top:0;width:var(--p);height:var(--h);transform-origin:left center;transform-style:preserve-3d;transition:transform 1.3s var(--ease)}.open .flap{transform:rotateY(-180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.back{transform:rotateY(180deg)}.front{cursor:pointer;border-radius:0 8px 8px 0;display:grid;place-items:center;text-align:center;outline:none;background:repeating-linear-gradient(45deg,#ffffff06 0 2px,transparent 2px 5px),linear-gradient(135deg,#1c3475,#0d1d4c 60%,#0a1640);box-shadow:inset 0 0 0 7px #0a1640,inset 0 0 0 8px #f6cdd799,inset 14px 0 18px -10px #000a,3px 4px 0 #091438,6px 8px 0 #060e2a,0 0 30px #f6cdd71a;transition:box-shadow .5s}.front:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#ffffff14 48%,transparent 60%)}.room:not(.open) .front:hover{box-shadow:inset 0 0 0 7px #0a1640,inset 0 0 0 8px #f6cdd7cc,inset 14px 0 18px -10px #000a,3px 4px 0 #091438,6px 8px 0 #060e2a,0 0 46px #f6cdd733}.front:focus-visible{outline:2px solid var(--rose);outline-offset:4px}.front h1{font-weight:600;font-size:clamp(24px,calc(var(--p)*.13),52px);color:var(--rose);text-shadow:0 0 18px #f6cdd755;padding:0 8%}.star{position:absolute;color:#fff;opacity:.85;font-size:clamp(12px,calc(var(--p)*.05),22px);animation:tw 3s ease-in-out infinite}.s1{left:16%;top:20%}.s2{right:18%;top:28%;animation-delay:.8s}.s3{left:24%;bottom:24%;animation-delay:1.5s}.s4{right:14%;bottom:18%;animation-delay:2.1s}@keyframes tw{50%{opacity:.25;transform:scale(.8)}}.heart{position:absolute;color:#f0a1b5;font-size:clamp(11px,calc(var(--p)*.045),20px)}.h1{left:50%;top:32%}.h2{right:28%;bottom:32%}.h3{right:12%;top:8%}.h4{left:10%;bottom:8%}.hint{color:#c7d3f5;opacity:.75;font-size:clamp(16px,2.4vw,22px);transition:opacity .6s}.open .hint{opacity:0;pointer-events:none;position:absolute}.polaroid-wrap{display:grid;place-items:center}.polaroid{position:relative;width:82%;background:#fffdf9;padding:6% 6% 4%;transform:rotate(-3deg);box-shadow:0 2px 3px #0003,0 10px 18px #5a2a4055;opacity:0;transition:opacity .8s 1s}.open .polaroid{opacity:1}.ph,.polaroid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:linear-gradient(135deg,#e9c3ce,#c9d3f0)}.ph{display:grid;place-items:center;font-size:48px;color:#fff}.polaroid figcaption{text-align:center;color:var(--ink);font-size:clamp(15px,calc(var(--p)*.07),28px);padding-top:8px}.tape{position:absolute;top:-12px;left:50%;width:34%;height:22px;transform:translateX(-50%) rotate(3deg);background:#f6cdd7cc;box-shadow:0 1px 2px #0003}.lead,.letter{white-space:pre-line;font-size:clamp(13px,calc(var(--p)*.055),23px);line-height:1.3}.letter{opacity:0;transition:opacity 1s 1.1s}.open .letter{opacity:1}.ps{margin-top:1.2em;animation:in 1s both}@keyframes in{0%{opacity:0;transform:translateY(10px)}}.lead{margin:.6em 0;text-align:center}.thanks{animation:in 1s both;color:#a3315a}.scratch{position:relative;width:100%;aspect-ratio:2/1;min-height:96px;border-radius:8px;overflow:hidden;isolation:isolate;box-shadow:0 0 0 1px #b38897,0 4px 10px #5a2a4040;cursor:crosshair;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.scratch-under{position:absolute;inset:0;z-index:1;display:grid;place-content:center;text-align:center;padding:0 6%;background:radial-gradient(circle,#fff6f8,#f9dce3);pointer-events:none}.scratch-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:10;pointer-events:none;transition:opacity .35s ease}.scratch-canvas.gone{opacity:0}.scratch-corner{position:absolute;width:2px;height:2px;pointer-events:none;visibility:hidden}.scratch-corner.c0{left:-1px;top:-1px}.scratch-corner.c1{right:-1px;top:-1px}.scratch-corner.c2{right:-1px;bottom:-1px}.scratch-corner.c3{left:-1px;bottom:-1px}.sheen{position:absolute;inset:0;z-index:20;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#ffffff55 50%,transparent 60%);background-size:250% 100%;animation:sheen 3.4s linear infinite}@keyframes sheen{0%{background-position:150% 0}to{background-position:-100% 0}}.voucher{display:grid;grid-gap:1px;gap:1px;transform:scale(.94)}.voucher.pop{animation:pop .9s var(--ease) both}@keyframes pop{0%{transform:scale(.7);opacity:.3}to{transform:scale(1);opacity:1}}.v3{font-size:clamp(18px,calc(var(--p)*.085),32px);line-height:1.1;color:#a3315a;font-weight:600}.v4{font-family:ui-monospace,monospace;font-size:clamp(10px,calc(var(--p)*.04),15px);letter-spacing:.08em;color:#7a5a70;margin-top:4px}.pheart{position:absolute;bottom:-10px;color:#e0577f;font-size:18px;animation:rise 2.2s ease-out both;pointer-events:none}@keyframes rise{to{transform:translate(var(--dx),-140px) scale(1.3);opacity:0}}.player{position:fixed;z-index:5;left:0;right:0;margin-inline:auto;top:calc(12px + env(safe-area-inset-top));display:flex;align-items:center;gap:10px;width:min(440px,calc(100vw - 24px));padding:8px 14px;border-radius:999px;color:#f6cdd7;font-size:17px;background:#0b1840cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 1px #f6cdd733,0 8px 24px #0009;animation:in .8s 1.2s both}.pbtn{width:32px;height:32px;flex:none;border:0;border-radius:50%;background:#f6cdd7;color:#0b1840;font-size:12px;cursor:pointer}.pmid{flex:1 1;display:grid;min-width:0}.ptitle{font-size:16px;line-height:1}.ptime{font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.8}.player input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:16px;width:100%;cursor:pointer}.player input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:#f6cdd755}.player input[type=range]::-moz-range-track{height:3px;border-radius:2px;background:#f6cdd755}.player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;margin-top:-4px;border-radius:50%;background:#f6cdd7}.player input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#f6cdd7}.pvol{width:54px!important;flex:none}@media (max-width:700px){:root{--p:46vw;--h:min(74vh,calc(var(--p)*2.5))}.pvol{display:none}.tilt{transform:rotateX(10deg)}.open .tilt{transform:rotateX(8deg)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01s!important}}.room:not(.open) .right{pointer-events:none}