:root{--ink: #000;--soft-ink: rgba(0, 0, 0, .5);--line: #000;--panel: rgba(255, 255, 255, .5);--accent: #ff8d4f;--accent-2: #4d7dff;--shadow: 0 18px 36px rgba(0, 0, 0, .16);--radius: 18px;--letter-text-font-family: "Alike Angular", "Noto Serif KR", "Noto Serif Thai", "Noto Serif", serif;--transition: .6s;--transition-slow: 1.2s}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body{font-family:"Noto Serif KR",Pretendard,Apple SD Gothic Neo,system-ui,-apple-system,sans-serif;color:var(--ink);background:url(/assets/bg-main-iixBd7SP.png) #d3d3d3 50% / cover no-repeat;overflow-x:hidden}@media only screen and (min-width: 431px){body{background-image:url(/assets/bg-main-desktop-DxCEPchV.png)}}.app{opacity:0}body.loaded .app{opacity:1;transition:opacity var(--transition) ease}.page-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000;display:flex;align-items:flex-end;pointer-events:none;opacity:1;transition:opacity .5s ease}.page-loader.fade-out{opacity:0}.page-loader-bar{width:0%;height:3px;background:#ffffffd9;border-radius:0 2px 2px 0;transition:width .3s ease}.app{width:min(480px,100vw);margin:0 auto;min-height:100dvh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.headline{text-align:center;margin-bottom:10px}.headline h1{margin:4px 0 6px;font-size:clamp(1.1rem,4.2vw,1.5rem);letter-spacing:.08em;font-family:Trebuchet MS,Courier New,cursive}.headline p{margin:0;color:var(--soft-ink);font-size:.9rem}.screen{display:none;animation:fadeIn .26s ease}.screen.no-fade-in{animation:none!important}.screen.active{display:block;position:relative;z-index:2;width:100%}.screen.screen-leaving{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:screen-fade-out .42s ease forwards;z-index:1}@keyframes screen-fade-out{0%{opacity:1}to{opacity:0}}.title{margin:0 0 8px;font-size:1.1rem}.muted{display:none;margin:0;font-size:.9rem;line-height:1.45;color:var(--soft-ink)}.guide-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;position:absolute;left:0;top:0;width:100%;height:100%;isolation:isolate;contain:paint;backface-visibility:hidden;-webkit-backface-visibility:hidden;font-family:meno-display,sans-serif}@media only screen and (min-width: 431px){.guide-box{width:auto;height:auto;left:50%;top:50%;transform:translate3d(-50%,-50%,0);border-radius:20px;overflow:hidden;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:25px 40px;gap:10px}.guide-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;border-radius:20px;background:#cccccc80;backdrop-filter:blur(7.5px);-webkit-backdrop-filter:blur(7.5px);transform:translateZ(0);will-change:opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}}.guide-box p{width:100%;max-width:430px;color:#e60012;background:#fff;font-size:20px;line-height:normal;min-height:40px;letter-spacing:-.6px;display:flex;text-align:center;align-items:center;justify-content:center;margin:0;padding:10px 72px;position:relative}@media only screen and (min-width: 431px){.guide-box p{background:transparent;white-space:nowrap}}.guide-box p:before{content:"";width:55px;height:21px;position:absolute;left:10px;top:50%;transform:translateY(-50%);background:url(/assets/icon-popup-left-7QYVn6vn.svg) no-repeat center center;background-size:contain}.guide-box p:after{content:"";width:55px;height:21px;position:absolute;right:10px;top:50%;transform:translateY(-50%);background:url(/assets/icon-popup-right-DGgXTIIN.svg) no-repeat center center;background-size:contain}.guide-box .buttons{display:flex;gap:82px;justify-content:center;align-items:center}@media only screen and (min-width: 431px){.guide-box .buttons{gap:28px}}.guide-box .buttons a{color:#e60012;font-size:18px;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}@media only screen and (min-width: 431px){.guide-box .buttons a{font-weight:400}}.screen.is-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;isolation:isolate;contain:paint;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:100}.screen.is-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;border-radius:0;background:#fff3;backdrop-filter:blur(7.5px);-webkit-backdrop-filter:blur(7.5px);transform:translateZ(0);will-change:opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media only screen and (min-width: 431px){.screen.is-overlay{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.screen.is-overlay:before{content:none}}.result-generation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;isolation:isolate;contain:paint;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity;transition:opacity var(--transition) ease,visibility 0s linear var(--transition)}.result-generation-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;border-radius:0;background:#fff3;backdrop-filter:blur(7.5px);-webkit-backdrop-filter:blur(7.5px);transform:translateZ(0);will-change:opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media only screen and (min-width: 431px){.result-generation-overlay{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.result-generation-overlay:before{content:none}}.result-generation-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s,0s}@media only screen and (max-width: 430px){.result-generation-guide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}}.intro-wrap{display:grid;gap:12px;justify-items:center;align-content:start;padding-top:2px}.main-title-image{position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%);width:min(300px,82vw);pointer-events:none;opacity:1;z-index:10;transition:opacity var(--transition) ease,transform var(--transition) ease}.main-title-image.hidden{opacity:0}.main-title-image.showing{opacity:1}#introScene.intro-entrance{opacity:0;transform:scale(.9);transition:opacity .72s ease,transform .82s cubic-bezier(.22,1,.36,1)}#introScene.intro-entrance.is-visible{opacity:1;transform:scale(1)}.scene{width:min(370px,94vw);aspect-ratio:1062 / 798;position:relative;perspective:900px;perspective-origin:50% 30%;margin-top:2px;transition:opacity .21s ease}.envelope{position:absolute;top:0;right:0;bottom:0;left:0;--env-flap-offset: 5.2%;--env-flap-open-offset: -5.2%;transition:transform .35s cubic-bezier(.22,1,.36,1)}.envelope.no-transition{transition:none!important}.env-back{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/letter-back-0EYwdpkf.png) no-repeat bottom center / 96.5% auto;z-index:1}.env-front{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/letter-front-CVDURLcS.png) no-repeat bottom center / 96.5% auto;z-index:3}.env-letter-wrap{position:absolute;bottom:0;left:0;right:0;top:-150%;overflow:hidden;z-index:2;pointer-events:none}.env-letter{position:absolute;bottom:-10px;left:50%;width:95%;aspect-ratio:1080 / 1440;background:url(/assets/letter-BC2eOnYv.png) no-repeat center / 100% 100%;transform:translate(-50%) translateY(200px)}.scene.ready .env-letter{transition:transform .35s cubic-bezier(.2,.75,.2,1);transition-delay:.35s}.scene.closing .env-letter-wrap,.scene:not(.open):not(.letter-full) .env-letter-wrap{clip-path:inset(0 0 28px 0)}.env-flap{position:absolute;left:0;right:0;top:0;height:auto;aspect-ratio:1087 / 576;background:url(/assets/letter-top-DGXp7120.png) no-repeat top center / 100% 100%;transform-origin:top center;transform:translateY(var(--env-flap-offset, 5.2%));transition:transform .6s cubic-bezier(.2,.75,.2,1),z-index 0ms 0ms;filter:drop-shadow(1px 3px 6px rgba(0,0,0,.2));z-index:4}.scene.open .env-flap{transform:rotateX(176deg) translateY(var(--env-flap-open-offset, -5.2%));transition:transform .6s cubic-bezier(.2,.75,.2,1),z-index 0ms .35s;z-index:1}.env-component .env-flap{left:0;right:0;top:0;transform:translateY(var(--env-flap-offset, 5.2%));background-size:100% 100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18));transition:transform .36s cubic-bezier(.22,1,.36,1),z-index 0ms 0ms}.env-component .env-back,.env-component .env-front{background-position:bottom center;background-size:96.5% auto}.env-component .scene.open .env-flap{transform:rotateX(176deg) translateY(var(--env-flap-open-offset, -5.2%));transition:transform .45s cubic-bezier(.22,1,.36,1),z-index 0ms .27s}.scene.envelope-exit .envelope{transform:translateY(130vh);transition:transform .35s cubic-bezier(.4,0,.8,1)}.scene.env-scene-fading{opacity:0;pointer-events:none}.scene.has-letter-image .env-letter,.env-letter.env-letter--image{background:none;border-radius:4px;box-shadow:none;display:flex;align-items:flex-start;justify-content:center}.scene.has-letter-image .env-letter .env-letter-img,.env-letter.env-letter--image .env-letter-img{width:100%;height:100%;object-fit:cover;display:block}.scene.has-letter-image .env-letter .env-letter-flip-wrap,.env-letter.env-letter--image .env-letter-flip-wrap{width:100%;height:100%;margin-bottom:0;perspective:900px;position:relative}.scene.has-letter-image .env-letter .env-letter-flip-inner,.env-letter.env-letter--image .env-letter-flip-inner,.scene.has-letter-image .env-letter .env-letter-flip-front,.env-letter.env-letter--image .env-letter-flip-front,.scene.has-letter-image .env-letter .env-letter-flip-back,.env-letter.env-letter--image .env-letter-flip-back{width:100%;height:100%}.scene.has-letter-image .env-letter .env-letter-flip-front .env-letter-img,.env-letter.env-letter--image .env-letter-flip-front .env-letter-img,.scene.has-letter-image .env-letter .env-letter-flip-back .env-letter-img,.env-letter.env-letter--image .env-letter-flip-back .env-letter-img{width:100%;height:100%;object-fit:cover}.scene.has-letter-image .env-letter .env-letter-flip-btn,.env-letter.env-letter--image .env-letter-flip-btn{position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:10;white-space:nowrap}.scene.has-letter-text .env-letter,.env-letter.env-letter--text{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;align-items:flex-start;justify-content:center;padding:18% 12% 10%}.env-letter-text{width:100%;font-size:.82rem;line-height:1.75;color:#000;word-break:break-word;white-space:pre-wrap;text-align:left}.scene.has-letter-image.letter-full .env-letter-wrap,.scene.has-letter-text.letter-full .env-letter-wrap{pointer-events:auto;z-index:2}.scene.has-letter-image.ready .env-letter,.scene.has-letter-text.ready .env-letter{transition:transform 225ms cubic-bezier(.2,.75,.2,1);transition-delay:.35s}.env-component .scene.has-letter-image.ready .env-letter,.env-component .scene.has-letter-text.ready .env-letter{transition-duration:.27s;transition-delay:.26s;transition-timing-function:cubic-bezier(.22,1,.36,1)}.scene.has-letter-image.letter-full .env-letter,.scene.has-letter-text.letter-full .env-letter{transform:translate(-50%) translateY(var(--env-letter-full-y, -80px));transition-delay:0ms}.env-component .scene.has-letter-image.letter-full .env-letter,.env-component .scene.has-letter-text.letter-full .env-letter{transition-duration:.38s;transition-delay:0ms;transition-timing-function:cubic-bezier(.2,.75,.2,1)}.scene.has-letter-image.closing .env-letter,.scene.has-letter-text.closing .env-letter{transform:translate(-50%) translateY(200px);transition:transform .43s cubic-bezier(.2,.75,.2,1);transition-delay:0ms}.env-component .scene.has-letter-image.closing .env-letter,.env-component .scene.has-letter-text.closing .env-letter{transition-duration:.43s;transition-delay:0ms;transition-timing-function:cubic-bezier(.2,.75,.2,1)}.env-letter.is-floating{pointer-events:auto;z-index:14}.env-floating-letter-viewport{position:fixed;left:0;top:0;width:100vw;overflow:hidden;pointer-events:none;z-index:14;will-change:height;transition:height .35s cubic-bezier(.4,0,.8,1)}.env-floating-envelope-layer{position:fixed;pointer-events:none;will-change:transform;transition:transform .35s cubic-bezier(.4,0,.8,1);transform:translateY(var(--env-floating-envelope-shift, 0))}.env-floating-envelope-layer.is-exited{--env-floating-envelope-shift: 130vh}.env-floating-envelope-layer--back{background:url(/assets/letter-back-0EYwdpkf.png) no-repeat bottom center / 96.5% auto;z-index:12}.env-floating-envelope-layer--front{background:url(/assets/letter-front-CVDURLcS.png) no-repeat bottom center / 96.5% auto;z-index:16}.env-floating-envelope-layer--flap{--env-flap-offset: 5.2%;--env-flap-open-offset: -5.2%;background:url(/assets/letter-top-DGXp7120.png) no-repeat top center / 100% 100%;transform-origin:top center;transform:translateY(var(--env-floating-envelope-shift, 0));filter:drop-shadow(0 2px 4px rgba(0,0,0,.18));z-index:13}.env-floating-envelope-layer--flap.open{transform:translateY(var(--env-floating-envelope-shift, 0)) rotateX(176deg) translateY(var(--env-flap-open-offset, -5.2%))}.env-component{position:relative}.env-component--source-stage .scene:not(.open):not(.closing){border-radius:3px;box-shadow:0 2px 12px #0006}.env-component--source-stage .scene:not(.open):not(.closing) .env-flap{left:0;right:0;top:0;transform:translateY(var(--env-flap-offset, 5.2%));background-size:100% 100%}.env-component--source-stage .scene:not(.open):not(.closing) .env-back,.env-component--source-stage .scene:not(.open):not(.closing) .env-front{background-position:bottom center;background-size:96.5% auto}.env-component--source-stage .scene:not(.open):not(.closing) .env-front{border-radius:3px}.env-content{background:#fffaf3;border-radius:10px;padding:28px 24px 32px;box-shadow:0 8px 40px #00000059;overflow-y:auto;max-height:78vh;width:min(420px,90vw);opacity:0;transition:opacity .21s ease}.env-content.env-content--visible{opacity:1}.env-letter-flip-wrap{perspective:900px;margin-bottom:12px}.env-letter-flip-inner{position:relative;transform-style:preserve-3d}.env-letter-flip-front,.env-letter-flip-back{backface-visibility:hidden;-webkit-backface-visibility:hidden}.env-letter-flip-back{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(-180deg)}.env-letter-flip-btn{display:block;margin:8px auto 0;padding:5px 18px;border-radius:20px;border:1.5px solid #000;background:transparent;color:#000;font-size:.82rem;cursor:pointer}.env-letter-flip-btn:active{background:#f0f0f0}.env-letter-img{width:100%;display:block;border-radius:8px;object-fit:contain}.env-letter-name{margin:0 0 14px;font-size:1.3rem;font-weight:800;color:#000}.env-letter-body{margin:0 0 20px;font-size:.95rem;color:#000;line-height:1.8;word-break:break-word;white-space:pre-wrap}.env-letter-date{margin:0;font-size:.78rem;color:#000;border-top:1px solid #000;padding-top:12px;letter-spacing:.02em}@media (prefers-reduced-motion: reduce){.scene,.envelope,.env-letter,.env-flap,.env-content,.env-letter-text{transition:none!important;animation:none!important}}.name-input-wrap{position:absolute;top:80px;left:8%;right:8%;width:84%;display:flex;flex-direction:column;align-items:center;pointer-events:auto}.name-input-label{display:block;font-family:filmotype-yukon;width:100%;font-size:48px;line-height:1;font-weight:400;color:#000;text-align:center;pointer-events:none}.name-input-underline-wrap{position:relative;margin-top:10px;display:flex;justify-content:center;align-items:center;width:70%}.name-input-underline-wrap:after{content:"";position:absolute;left:50%;bottom:5px;width:94px;transform:translate(-50%);height:.5px;background-color:#000;pointer-events:none}.name-input-letter{font-family:filmotype-yukon;font-size:30px;font-weight:400;width:100%;height:30px;background:transparent;border:none;color:#000;text-align:center;outline:none}.name-input-letter::placeholder{color:#999}.scene.ready .env-letter{transition:transform var(--transition) cubic-bezier(.2,.75,.2,1);transition-delay:var(--transition)}.scene.open .env-letter{transform:translate(-50%) translateY(91px)}.scene.closing .env-letter{transform:translate(-50%) translateY(200px);transition-delay:0ms}.env-flap{position:absolute;left:0;right:0;top:0;height:auto;aspect-ratio:1087 / 576;background:url(/assets/letter-top-DGXp7120.png) no-repeat top center / 100% 100%;transform-origin:top center;transform:translateY(10px);transition:transform 1.2s cubic-bezier(.2,.75,.2,1),z-index 0ms 0ms;filter:drop-shadow(1px 3px 6px rgba(0,0,0,.2));z-index:4}.scene.open .env-flap{transform:rotateX(176deg) translateY(-10px);transition:transform var(--transition-slow) cubic-bezier(.2,.75,.2,1),z-index 0ms var(--transition);z-index:1}.scene.envelope-exit .envelope{transform:translateY(130vh);transition:transform var(--transition) cubic-bezier(.4,0,.8,1)}.floating-envelope-layer{position:fixed;pointer-events:none;will-change:transform;transition:transform var(--transition) cubic-bezier(.4,0,.8,1);transform:translateY(var(--floating-envelope-shift, 0))}.floating-letter-viewport{position:fixed;left:0;top:0;width:100vw;overflow:hidden;pointer-events:none;z-index:20;will-change:height;transition:height var(--transition) cubic-bezier(.4,0,.8,1)}.floating-envelope-layer.is-exited{--floating-envelope-shift: 130vh}.floating-envelope-layer--back{background:url(/assets/letter-back-0EYwdpkf.png) no-repeat bottom center / 96.5% auto;z-index:18}.floating-envelope-layer--front{background:url(/assets/letter-front-CVDURLcS.png) no-repeat bottom center / 96.5% auto;z-index:22}.floating-envelope-layer--flap{background:url(/assets/letter-top-DGXp7120.png) no-repeat top center / 100% 100%;transform-origin:top center;transform:translateY(var(--floating-envelope-shift, 0)) translateY(10px);filter:drop-shadow(1px 3px 6px rgba(0,0,0,.2));z-index:19}.floating-envelope-layer--flap.open{transform:translateY(var(--floating-envelope-shift, 0)) rotateX(176deg) translateY(-10px)}.env-letter-intro{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:92px;gap:10px;opacity:0;pointer-events:none}.env-letter-intro span{text-indent:-10000px;overflow:hidden;width:200px;height:203px;background:url(/assets/letter-description-1-DH-b2klj.png) no-repeat top center / contain}.env-letter-intro span br{display:none}.env-letter-intro:before{content:"";width:104px;height:47px;background:url(/assets/letter-title-1-CmSfpA3q.png) no-repeat top center / contain}.start-btn{border:none;background:none;padding:0;cursor:pointer;display:block;margin-top:4px}.start-btn img{width:160px;height:44px;display:block}.start-btn:active img{opacity:.8;transform:scale(.97)}.check-result-btn{border:none;background:none;padding:0;cursor:pointer;display:block}.check-result-btn img{width:182px;height:50px;display:block}.check-result-btn:active img{opacity:.8;transform:scale(.97)}.name-input{border:1px solid #000;border-radius:12px;padding:11px;font-size:1rem;width:100%;background:#fff;color:var(--ink)}.name-input:disabled{background:#f5f5f5;color:#999}.image-wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff;opacity:0;pointer-events:none;z-index:50;transition:opacity .5s ease}body[data-screen="3"] .image-wrap,body.quiz-result-entering .image-wrap{opacity:1;pointer-events:auto}body.quiz-result-leaving .image-wrap{opacity:0;pointer-events:none}.letter-quiz-success-img{width:333px;max-width:calc(100% - 32px);max-height:80dvh;object-fit:contain;pointer-events:none}.screen[data-screen="2"].active{display:block;position:relative;padding:0;perspective:1200px}.screen[data-screen="2"].quiz-enter{animation:quiz-slide-in .5s cubic-bezier(.22,1,.36,1) both}.screen[data-screen="5"]{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;pointer-events:none;z-index:-1;animation:none}.screen[data-screen="5"].active{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;opacity:1;pointer-events:auto}.screen[data-screen="5"].active.is-overlay{z-index:100}.quiz-flip-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}.quiz-flip-inner.flipped{transform:rotateY(-180deg)}.quiz-flip-front,.quiz-flip-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform}.quiz-flip-front{transform:translateZ(.1px)}.quiz-flip-back{transform:rotateY(-180deg) translateZ(.1px)}.quiz-face-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.quiz-result{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:15% 25%;text-align:center}.quiz-result.index-10.success{gap:0}.quiz-result.index-12.success{gap:5px;justify-content:flex-start;padding-top:33%}.quiz-result.index-12.failed{justify-content:flex-start;padding-top:33%;padding-left:30%;padding-right:30%}.quiz-result-row{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;max-width:100%}.quiz-result-label{font-family:Alike Angular,serif;font-size:24px;font-weight:400;margin:0;letter-spacing:.02em}.quiz-result-center{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 20px;position:relative}.quiz-result-center:before{position:absolute;left:0;top:50%;transform:translate(-20px,-50%);content:"";width:30px;height:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAApCAYAAAC1Hj5tAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABDRJREFUeAHtmu110zAUhl84/CcbVExAOkG9QWGCuhNQJsCdADpB1AlaJog6QcsEFROQTgC+RxJWFH1Zddwm8XPOPZZl2bKvdT8kGxiWWSv3rfx1ZKmPTQxEhU0lG2E4YN5hPOZ6u9JyULzB8yEFftFlcg+fMs750IrERC8ahN3F5EY0bzExCpOiXwHke31m/93TlmlZYnIdXmJZx6xHvdTb35jw4rqOGuuTjL4cXNpWCkfa7P+0coN0GnfjnJeT9u0tJRMWkyv/auU20u7J2X/wtKHrzD31HHuWZ7uKfo98fL56jk5xJ0hDE53KUy+hlL1X+BaB+orJRDg2F5MWUL7fRyhLqbGH5CqTlMK01J5jBEdcYaT0R0ti/Zk2e+Hb+/hoyiikLsse59gw5OfQpt0p4rFgJyBF00MYf1s5x3kr17r8gDRNK8La33kFDQUp+rO1z1s5s/bvsK64FBKbQaxq5RvUy5x72vtgzvkLXb5C3gsfAoayWEFW/CPViCMvKFXw+2gfDfw+OHYzN3iZIMl0H3XkHoqWGFwf3SDP9KkNWYJxOSWjLDaLfMLLQJZTYQu4ipbIz1/dl8Cscs5XlFXhebuAsfBLaH3mZB0MmyZLI9hWNI3sR+f4MfyQyyBfSwqtsO52eCvnGA/m9M+c41+RtlZ69gXWJ3DM2WYpuoIKZjYCm4pGZN+Gpu4ScfrMUJ9DhXi6Sc8okSY0w/3PmB9nc6gRD3hDuBVjfbOMtrn9JdvZimbo0ig49TkdkT86QrfoZFwJ7d+iuxlhnSfRxYQq0NfPVi4wnP+eIa5k6uNc31tuf+RirnSZnt18rD7VW2k3rhFOVwSUIowwxFk65+dQB/peYFiYc/17dJZEEpvyz612LNCmhmdpOdd10OgU2C4CKvDYo41G1DW2C1kMz2xLlnWmyxz5gXuWq+g7Tx2DWrULLZfamMguoZQ311syN2EdC2UqJTAoE3bvxb1fiRGIKZqUYDIL4TleIWxmpETzc06DzazFMMP2LKWCGoE+aCRy9Kc4G4opmsxYoIx9mHQY6GXZX/4v9ZajBzFF0yg8ixxnkWOrQNl3jdpz7i3KIAszruEk0q7PQLBdjYSy0L6sbEULdM6d/Br5N5a4QGjmJK0yR3h2tYA/qzhG2fqJO0Mz2G6QEBgHegbSUfDFMuStUlV4HsuBrxu6zxrlNFj/6pOitto3pjLkOkp9LLPKMlCfex2G4RgyZpiMKcRHX2VM0fRrLUMYiXVlVlhfoDGR3Q0m7jWMu2J6n+JC6SRFogtWNgLDwKAmOCk41F9bwlTEgqHEMDnmEeJ9cE99hTIEXsdvCvSypV2xzb9JaRSTT7vAbtNAWTcFaIFChly9e0A3hWZIL95I+GecAipDmKMfq8D1hkDqLS0HpJ5LYMS/rDjS/4gcFNtyHTSyQ5F5jIWiiUPlHzDOlCdToQzgAAAAAElFTkSuQmCC) no-repeat center / contain}.quiz-result-center:after{position:absolute;right:0;top:50%;transform:translate(20px,-50%);content:"";width:30px;height:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAApCAYAAAC1Hj5tAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABFhJREFUeAHtmu9x1DAQxR8M3wkVICqAVBBTQUIFMRUkqSChAqCCmAoIFZyp4JIKTlTAUUHwG8vxnk4ryz7fQXL+zexYtiX/Wa+eV7KB/eagslll957N3b6JkTBYd3JjGUbkBfYT4y23zjPsH5SE3wn1ysqsK3+t7BYbsI8Rnaq9mSj/woaOfo6JnTA5emJrGOiZhrTS1aX5cnOltDHaSfc160hhgfZl6GOU7e+0NpN06PxBf76jjmxmNeeYeCDDate/QTwrOUHrzC67lg2fonTQUaFoKp1JrLfOSFxCh9JwggE8RUfTEZeB7UdYd7RPVlnuyrdYz51fY+KBHOGuPI/UZzefIdz1U6UiZnM8EXLUWQKN3V+74YWw68AxQo72HwB7jHE2R6Kzn4p0ZEibIDJKmcS02a9nXZnS8i6l0T7n0X52UVb2UaynzG18quybKzPSzwLHJFZz9DmGTXwX0JP8sTFoX3pH3j4badPASJy5MmfnmNoV6IdFey7j7SsgHtwL5WI+YxivK/vpyiW26/QMbYYg+QE9BSsqO/WOQXjNN9giY0tHjvbmy8reY/fE5pot+nOBVR0ulXr+g1qpJx1NuTjDePzrb24HWL0Gm9ZsrV0onw7Bl2Sh7ZSO5lMzgToW9VPteiuz/WdvfSEu4gN2p9/kC1Zl4hD1rFuBeFBRt5sIXrp2Vuw/w3qm8Qkd95YiHRZp+sV6vrYbr2yxfZpofKlst4hH6IFSbqD+Z942anyBCLtM72ai/ArpeWtf6Ih7/Gfw42yOOtpO0UZggTY/tEiPxMwtOWyNafQbjBPdjZ6yJ4UyDYv2pSS7N7t+Ix3GrS/F+o1Y/+gdkwGTBc5jsQ4l96H3hIasOcIYtJmFgc6JqEdbIPFLxEAKhIe+J4ntZZtZR12D2tGNxeZCcu0kXY4uoMy3dlBgu45mRHLeQc5lzHucp4+jfQokOHpXGs3ucyrWQw/JYvj/E2xz2FGH0X2M2vl3qF+WLPsSJ0eMEkrJBdYlwr83laER/R3DyJHY1UZmFjnvlai3GHB9mbMvGCmieSCLOgpO0b7dL9y+faV0S6NVoKPZJVJHcXKUdCza9RkFxtK6I1G26P4iokGZ8K/JROovlbLPJeIyYbQddPQHV2a6k/qW3gSmTnIOJEM7C5ej7W684VfoT4awrFnocy+lKNMfRjnuJbpfsPI9ExzoXaGfVkotu8JwcuiaOIRMOdYMm5Eh7WuKCTXWNPotup9cH7mI0fXVue8I0ijbD5R9S6yewyjbU65jqdWTjr4RJzrH7n4AKbE++iLspkM/arLrsgsbtOkYR48LpX7zMqd0Stk5RCsDXL5BPABZJzkwDNK6iJYejUUx4Dpi0jeL1G8mw3Jve4aR2GTAwhkrRr3aXR4RvI9QpjIaIUfTaex2x5F2zST3LbZHiWE/rFiE08IfbkndDznUuCXvrZEAi4nBdP0Qc40tsI9/kzKyNanj9jtMPF7+Ao+ew0f6fTEXAAAAAElFTkSuQmCC) no-repeat center / contain}.quiz-result-center .quiz-reward-sticker{width:88px;height:88px;object-fit:contain;visibility:hidden;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}.quiz-result-center .quiz-reward-sticker.index-1{width:150px;height:150px}.quiz-result-center .quiz-reward-sticker.index-2.v1{width:108px;height:156px}.quiz-result-center .quiz-reward-sticker.index-2.v2{width:134px;height:134px}.quiz-result-center .quiz-reward-sticker.index-3{width:138px;height:138px}.quiz-result-center .quiz-reward-sticker.index-4.v1{width:104px;height:128px}.quiz-result-center .quiz-reward-sticker.index-4.v2{width:142px;height:142px}.quiz-result-center .quiz-reward-sticker.index-5,.quiz-result-center .quiz-reward-sticker.index-6,.quiz-result-center .quiz-reward-sticker.index-7.v1{width:150px;height:150px}.quiz-result-center .quiz-reward-sticker.index-7.v2{width:138px;height:138px}.quiz-result-center .quiz-reward-sticker.index-8,.quiz-result-center .quiz-reward-sticker.index-9.v1{width:150px;height:150px}.quiz-result-center .quiz-reward-sticker.index-9.v2{width:114px;height:172px}.quiz-result-center .quiz-reward-sticker.index-10.v1{width:150px;height:150px}.quiz-result-center .quiz-reward-sticker.index-10.v2{width:120px;height:139px}.quiz-result-center .quiz-reward-sticker.index-11.v1{width:76px;height:176px}.quiz-result-center .quiz-reward-sticker.index-11.v2{width:150px;height:150px}.quiz-result-center .quiz-reward-sticker.index-12.v1{width:122px;height:122px}.quiz-result-center .quiz-reward-sticker.index-12.v2{width:96px;height:90px}.quiz-result-center .quiz-reward-sticker.is-popping{visibility:visible;animation:sticker-pop .42s cubic-bezier(.34,1.56,.64,1) both}@keyframes sticker-pop{0%{opacity:0;transform:scale(.3) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}.quiz-result-center .quiz-result-sticker{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.22))}.quiz-result-center .quiz-result-sticker.hidden{display:none}.quiz-result-center .quiz-result-answer{margin:0;font-family:Alike Angular,serif;font-size:18px;font-weight:400;line-height:140%}@keyframes quiz-slide-in{0%{opacity:0}to{opacity:1}}.quiz-result-center.success .quiz-result-answer{display:none}.quiz-result-center.failed{padding:0 18px}.quiz-result-center.failed .quiz-reward-sticker{display:none}.quiz-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:15% 16%}.quiz-content.layout-default{padding:30% 16%;justify-content:center;gap:32px}.quiz-content.layout-diamond{padding:44% 16%}.quiz-content.layout-circle{padding:20% 22%;justify-content:center;gap:48px}.quiz-content.layout-heart{padding:32% 16%;justify-content:flex-start;align-items:center;text-align:center;gap:15px}.quiz-content.layout-left{padding:15% 20% 15% 14%;align-items:flex-start;text-align:left}.quiz-content.layout-right{padding:15% 14% 15% 20%;align-items:flex-end;text-align:right}.quiz-content.layout-top{padding:12% 18% 38%;justify-content:flex-start}.quiz-content.layout-bottom{padding:38% 18% 12%;justify-content:flex-end}.quiz-content.index-11{padding-left:18%;padding-right:18%}.quiz-num{font-family:Alike Angular,serif;margin:0;font-size:13px;font-weight:400;line-height:168%}.quiz-q{font-family:Alike Angular,serif;color:#1a1a1a;margin:0;font-size:18px;font-weight:400;line-height:168%}.quiz-opts{display:flex;flex-direction:column;gap:15px;width:100%}.quiz-opt-text{--quiz-opt-icon-gap: 4px;--quiz-opt-icon-left-nudge: 0px;--quiz-opt-icon-right-nudge: 0px;--quiz-opt-icon-left: calc(50% - 34px) ;--quiz-opt-icon-right: calc(50% + 4px) ;background:none;border:none;padding:0 44px;box-sizing:border-box;cursor:pointer;font-family:Alike Angular,serif;font-size:15px;font-weight:400;line-height:140%;text-align:center;width:100%;transition:all .12s ease;position:relative;display:block}.quiz-opt-text:before{content:"";position:absolute;left:var(--quiz-opt-icon-left);top:50%;width:30px;height:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAApCAYAAAC1Hj5tAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABDRJREFUeAHtmu110zAUhl84/CcbVExAOkG9QWGCuhNQJsCdADpB1AlaJog6QcsEFROQTgC+RxJWFH1Zddwm8XPOPZZl2bKvdT8kGxiWWSv3rfx1ZKmPTQxEhU0lG2E4YN5hPOZ6u9JyULzB8yEFftFlcg+fMs750IrERC8ahN3F5EY0bzExCpOiXwHke31m/93TlmlZYnIdXmJZx6xHvdTb35jw4rqOGuuTjL4cXNpWCkfa7P+0coN0GnfjnJeT9u0tJRMWkyv/auU20u7J2X/wtKHrzD31HHuWZ7uKfo98fL56jk5xJ0hDE53KUy+hlL1X+BaB+orJRDg2F5MWUL7fRyhLqbGH5CqTlMK01J5jBEdcYaT0R0ti/Zk2e+Hb+/hoyiikLsse59gw5OfQpt0p4rFgJyBF00MYf1s5x3kr17r8gDRNK8La33kFDQUp+rO1z1s5s/bvsK64FBKbQaxq5RvUy5x72vtgzvkLXb5C3gsfAoayWEFW/CPViCMvKFXw+2gfDfw+OHYzN3iZIMl0H3XkHoqWGFwf3SDP9KkNWYJxOSWjLDaLfMLLQJZTYQu4ipbIz1/dl8Cscs5XlFXhebuAsfBLaH3mZB0MmyZLI9hWNI3sR+f4MfyQyyBfSwqtsO52eCvnGA/m9M+c41+RtlZ69gXWJ3DM2WYpuoIKZjYCm4pGZN+Gpu4ScfrMUJ9DhXi6Sc8okSY0w/3PmB9nc6gRD3hDuBVjfbOMtrn9JdvZimbo0ig49TkdkT86QrfoZFwJ7d+iuxlhnSfRxYQq0NfPVi4wnP+eIa5k6uNc31tuf+RirnSZnt18rD7VW2k3rhFOVwSUIowwxFk65+dQB/peYFiYc/17dJZEEpvyz612LNCmhmdpOdd10OgU2C4CKvDYo41G1DW2C1kMz2xLlnWmyxz5gXuWq+g7Tx2DWrULLZfamMguoZQ311syN2EdC2UqJTAoE3bvxb1fiRGIKZqUYDIL4TleIWxmpETzc06DzazFMMP2LKWCGoE+aCRy9Kc4G4opmsxYoIx9mHQY6GXZX/4v9ZajBzFF0yg8ixxnkWOrQNl3jdpz7i3KIAszruEk0q7PQLBdjYSy0L6sbEULdM6d/Br5N5a4QGjmJK0yR3h2tYA/qzhG2fqJO0Mz2G6QEBgHegbSUfDFMuStUlV4HsuBrxu6zxrlNFj/6pOitto3pjLkOkp9LLPKMlCfex2G4RgyZpiMKcRHX2VM0fRrLUMYiXVlVlhfoDGR3Q0m7jWMu2J6n+JC6SRFogtWNgLDwKAmOCk41F9bwlTEgqHEMDnmEeJ9cE99hTIEXsdvCvSypV2xzb9JaRSTT7vAbtNAWTcFaIFChly9e0A3hWZIL95I+GecAipDmKMfq8D1hkDqLS0HpJ5LYMS/rDjS/4gcFNtyHTSyQ5F5jIWiiUPlHzDOlCdToQzgAAAAAElFTkSuQmCC) no-repeat center / contain;opacity:0;transition:.12s;transform:translate(-100%,-50%)}.quiz-opt-text:after{content:"";position:absolute;left:var(--quiz-opt-icon-right);top:50%;width:30px;height:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAApCAYAAAC1Hj5tAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABFhJREFUeAHtmu9x1DAQxR8M3wkVICqAVBBTQUIFMRUkqSChAqCCmAoIFZyp4JIKTlTAUUHwG8vxnk4ryz7fQXL+zexYtiX/Wa+eV7KB/eagslll957N3b6JkTBYd3JjGUbkBfYT4y23zjPsH5SE3wn1ysqsK3+t7BYbsI8Rnaq9mSj/woaOfo6JnTA5emJrGOiZhrTS1aX5cnOltDHaSfc160hhgfZl6GOU7e+0NpN06PxBf76jjmxmNeeYeCDDate/QTwrOUHrzC67lg2fonTQUaFoKp1JrLfOSFxCh9JwggE8RUfTEZeB7UdYd7RPVlnuyrdYz51fY+KBHOGuPI/UZzefIdz1U6UiZnM8EXLUWQKN3V+74YWw68AxQo72HwB7jHE2R6Kzn4p0ZEibIDJKmcS02a9nXZnS8i6l0T7n0X52UVb2UaynzG18quybKzPSzwLHJFZz9DmGTXwX0JP8sTFoX3pH3j4badPASJy5MmfnmNoV6IdFey7j7SsgHtwL5WI+YxivK/vpyiW26/QMbYYg+QE9BSsqO/WOQXjNN9giY0tHjvbmy8reY/fE5pot+nOBVR0ulXr+g1qpJx1NuTjDePzrb24HWL0Gm9ZsrV0onw7Bl2Sh7ZSO5lMzgToW9VPteiuz/WdvfSEu4gN2p9/kC1Zl4hD1rFuBeFBRt5sIXrp2Vuw/w3qm8Qkd95YiHRZp+sV6vrYbr2yxfZpofKlst4hH6IFSbqD+Z942anyBCLtM72ai/ArpeWtf6Ih7/Gfw42yOOtpO0UZggTY/tEiPxMwtOWyNafQbjBPdjZ6yJ4UyDYv2pSS7N7t+Ix3GrS/F+o1Y/+gdkwGTBc5jsQ4l96H3hIasOcIYtJmFgc6JqEdbIPFLxEAKhIe+J4ntZZtZR12D2tGNxeZCcu0kXY4uoMy3dlBgu45mRHLeQc5lzHucp4+jfQokOHpXGs3ucyrWQw/JYvj/E2xz2FGH0X2M2vl3qF+WLPsSJ0eMEkrJBdYlwr83laER/R3DyJHY1UZmFjnvlai3GHB9mbMvGCmieSCLOgpO0b7dL9y+faV0S6NVoKPZJVJHcXKUdCza9RkFxtK6I1G26P4iokGZ8K/JROovlbLPJeIyYbQddPQHV2a6k/qW3gSmTnIOJEM7C5ej7W684VfoT4awrFnocy+lKNMfRjnuJbpfsPI9ExzoXaGfVkotu8JwcuiaOIRMOdYMm5Eh7WuKCTXWNPotup9cH7mI0fXVue8I0ijbD5R9S6yewyjbU65jqdWTjr4RJzrH7n4AKbE++iLspkM/arLrsgsbtOkYR48LpX7zMqd0Stk5RCsDXL5BPABZJzkwDNK6iJYejUUx4Dpi0jeL1G8mw3Jve4aR2GTAwhkrRr3aXR4RvI9QpjIaIUfTaex2x5F2zST3LbZHiWE/rFiE08IfbkndDznUuCXvrZEAi4nBdP0Qc40tsI9/kzKyNanj9jtMPF7+Ao+ew0f6fTEXAAAAAElFTkSuQmCC) no-repeat center / contain;opacity:0;transition:.12s;transform:translateY(-50%)}@media only screen and (hover: hover){.quiz-opt-text:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.quiz-opt-text:hover:not(:disabled){color:#000}}.quiz-opt-text:disabled{cursor:default;color:#000;opacity:.4}.quiz-opt-text.correct{color:#2a6e47;font-weight:700}.quiz-opt-text.wrong{color:#a02828}.quiz-opt-label{word-break:keep-all;overflow-wrap:normal;white-space:normal}.quiz-opts.checked .quiz-opt-text:not(.checked){opacity:.4}.quiz-opts.checked .quiz-opt-text.checked:before,.quiz-opts.checked .quiz-opt-text.checked:after{opacity:1}.quiz-content.index-5{gap:65px}.quiz-content.index-7 .quiz-q{max-width:170px}.quiz-content.index-8{padding:20%}.quiz-content.index-10{padding:38% 28%;gap:30px}.quiz-content.index-12 .quiz-answer-wrap{max-width:190px}.quiz-feedback{font-family:Alike Angular,serif;font-size:.78rem;color:#666;margin:0;min-height:1.2em;font-style:italic}.text-input{width:100%;border:1px solid #000;background:#fff;color:var(--ink);border-radius:12px;padding:12px;font-size:1rem;font-family:inherit;resize:none;min-height:170px;line-height:1.45}.char-count{margin:6px 0 0;text-align:right;color:#000;font-size:.84rem}.screen[data-screen="4"].active{display:flex;flex-direction:column;align-items:center;padding:0;width:100%;height:100dvh}@media only screen and (min-width: 431px){.screen[data-screen="4"].active{justify-content:center}}.letter-write-card{position:relative;width:100%;max-width:430px;flex:1;margin-top:75px;min-height:0;background-image:url(/assets/letter-back-for-write-67n0rIps.png);background-size:100% 100%;background-repeat:no-repeat}@media only screen and (min-width: 431px){.letter-write-card{background-image:url(/assets/letter-back-for-write-desktop-BQP_iI48.png);background-size:contain;max-width:548px;aspect-ratio:1735 / 2268;margin-top:0;transform:translateY(-60px);height:auto;flex:none}}.letter-write-input{position:absolute;top:14%;left:8%;right:8%;bottom:6%;width:auto;resize:none;background:transparent;border:none;outline:none;font-family:var(--letter-text-font-family);font-size:clamp(12.2px,calc(3.6vw - 3.28px),14px);line-height:clamp(22.57px,calc(4.42vw + 3.564px),24.78px);color:var(--ink);overflow-y:auto;-webkit-overflow-scrolling:touch}.letter-write-input::placeholder{color:#00000080}@media only screen and (min-width: 431px){.letter-write-input{top:48.6%;left:17%;right:17%;bottom:15%}}.letter-write-count{display:none;position:absolute;bottom:5px;right:8%;margin:0;font-size:.72rem;pointer-events:none}body[data-screen="6"]{overflow-y:auto;overflow-x:hidden;scrollbar-width:none}body[data-screen="6"]::-webkit-scrollbar{display:none}body[data-screen="6"] .app{overflow:visible;min-height:100dvh;height:auto;align-items:flex-start;justify-content:flex-start}body[data-screen="6"] .screen.active{min-height:100%}.bg-select-layout{width:100%;height:84dvh;padding:30px 12px;display:flex;flex-direction:column;justify-content:center;align-items:center}.bg-select-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:32px;width:100%;max-width:420px;padding:24px;box-sizing:border-box}.bg-select-item{background:none;border:none;border-radius:10px;padding:0;cursor:pointer;filter:brightness(.5);transition:filter .2s ease,transform .12s ease}.bg-select-item img{display:block;width:100%;height:auto;border-radius:7px;pointer-events:none}.bg-select-item.selected{filter:brightness(1);transform:scale(1.14)}.bg-select-item:active{transform:scale(.97)}.deco-layout{display:grid;gap:10px;padding:0 16px}.paper-flip-wrap{perspective:1200px;width:100%;position:relative}.paper-flip-inner{position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.paper-front-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.paper-flip-inner .paper-back-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(-180deg)}.flip-paper-btn{pointer-events:auto;display:flex;align-items:center;gap:6px;padding:7px 20px;border-radius:20px;border:1.5px solid rgba(0,0,0,.55);background:#ffffffb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#111;font-size:.85rem;cursor:pointer;box-shadow:0 2px 10px #0000002e;transition:background .15s,transform .1s}.flip-paper-btn:active{background:#ffffffeb;transform:scale(.96)}.paper{width:100%;aspect-ratio:3.2 / 4.2;background-image:url(/assets/letter-quiz-background-01-09tDTeeP.png);background-size:100% 100%;background-repeat:no-repeat;position:relative;overflow:hidden;padding:16%;-webkit-user-select:none;user-select:none;touch-action:none}.paper-text{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;color:#000;white-space:pre-wrap;font-family:var(--letter-text-font-family);font-size:14px;pointer-events:none}.paper-text-line{position:absolute;box-sizing:border-box;color:#000;line-height:1.51;white-space:nowrap;overflow:hidden;text-overflow:clip}.paper[data-layout-type=polygon] .paper-text{white-space:normal;overflow:hidden}.paper-text-shape-left{display:block;float:left;width:50%;height:500px;shape-outside:polygon(0 0,0 100%,100% 100%)}.paper-text-shape-right{display:block;float:right;width:50%;height:500px;shape-outside:polygon(100% 0,0 100%,100% 100%)}.paper-text-area-debug{position:absolute;top:0;right:0;bottom:0;left:0;background:#ff3c3c2e;border:2px dashed rgba(255,60,60,.7);pointer-events:none;z-index:50;border-radius:inherit}.paper-text-area-debug.is-lines{background:transparent;border:none;border-radius:0}.paper-text-area-debug-line{position:absolute;background:#ff3c3c2e;border:1px dashed rgba(255,60,60,.7);border-radius:2px;pointer-events:none;box-sizing:border-box}.paper-sticker-area-debug{position:absolute;top:0;right:0;bottom:0;left:0;background:#3c6eff24;border:2px dashed rgba(60,110,255,.9);box-shadow:0 0 0 1px #fff9 inset,0 0 0 1px #3c6eff66;pointer-events:none;z-index:51;border-radius:inherit}.tune-panel{position:fixed;right:10px;top:10px;z-index:650;width:min(280px,calc(100vw - 20px));padding:10px;border-radius:12px;background:#12141ceb;color:#fff;box-shadow:0 18px 40px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tune-panel.is-collapsed{width:auto;min-width:0}.tune-panel-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.tune-panel-context{margin-left:auto;font-size:11px;opacity:.72}.tune-panel-toggle{padding:6px 10px;border:0;border-radius:999px;background:#ffffff24;color:#fff;font:inherit;cursor:pointer}.tune-panel-body{display:block}.tune-panel.is-collapsed .tune-panel-body{display:none}.tune-panel-quick-actions{display:grid;gap:8px;margin-bottom:8px}.tune-panel-quick-row{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px}.tune-panel-quick-label{font-size:11px;opacity:.7}.tune-panel-mini-nav{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:6px;align-items:center}.tune-panel-mini-btn,.tune-panel-segment-btn{min-width:0;padding:7px 8px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff14;color:inherit;font:inherit;cursor:pointer}.tune-panel-mini-btn:disabled{opacity:.4;cursor:default}.tune-panel-segment-btn:disabled,.tune-panel-field input:disabled,.tune-panel-actions button:disabled,.tune-panel-capture button:disabled{opacity:.45;cursor:default}.tune-panel-mini-value{min-width:0;padding:7px 8px;border-radius:8px;background:#ffffff0f;text-align:center;font-size:11px}.tune-panel-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tune-panel-segment-btn.is-active{background:#fff;border-color:#fff;color:#111}.tune-panel-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tune-panel-field{display:flex;flex-direction:column;gap:4px;font-size:11px}.tune-panel-field input{width:100%;min-width:0;padding:7px 9px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff14;color:inherit;font:inherit;box-sizing:border-box}.tune-panel-actions{display:flex;gap:8px;margin-top:8px}.tune-panel-actions button{flex:1;padding:8px 10px;border:0;border-radius:8px;background:#fff;color:#111;font:inherit;cursor:pointer}.tune-panel-actions button.ghost{background:#ffffff1f;color:#fff}.tune-panel-capture{margin-top:8px}.tune-panel-capture-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tune-panel-capture button{padding:8px 10px;border:0;border-radius:8px;background:#ffffff2e;color:#fff;font:inherit;cursor:pointer}.tune-panel-capture-status{margin:6px 0 0;font-size:10px;line-height:1.45;color:#ffffffb8}.tune-panel-capture-status.is-error{color:#ffd0d0}.tune-panel-output{margin:8px 0 0;padding:8px;border-radius:8px;background:#ffffff14;color:#ffffffeb;font-size:10px;line-height:1.45;white-space:pre-wrap;word-break:break-all;max-height:160px;overflow:auto}@media (max-width: 768px){.tune-panel{width:min(220px,calc(100vw - 20px));padding:8px}.tune-panel-header strong{font-size:14px}.tune-panel-context,.tune-panel-quick-label,.tune-panel-mini-value,.tune-panel-field{font-size:10px}.tune-panel-fields{grid-template-columns:1fr 1fr;gap:5px}.tune-panel-output{max-height:120px}}.snap-guide{position:absolute;pointer-events:none;z-index:20;opacity:0;transition:opacity .1s ease}.snap-guide.visible{opacity:1}.snap-guide--h{left:6%;right:6%;top:50%;height:1px;transform:translateY(-.5px);background:linear-gradient(90deg,transparent 0%,rgba(77,125,255,.85) 8%,rgba(77,125,255,.85) 92%,transparent 100%)}.snap-guide--v{top:6%;bottom:6%;left:50%;width:1px;transform:translate(-.5px);background:linear-gradient(180deg,transparent 0%,rgba(77,125,255,.85) 8%,rgba(77,125,255,.85) 92%,transparent 100%)}.snap-guide--h.snap-guide--edge{background:linear-gradient(90deg,transparent 0%,rgba(77,125,255,.85) 8%,rgba(77,125,255,.85) 92%,transparent 100%)}.snap-guide--v.snap-guide--edge{background:linear-gradient(180deg,transparent 0%,rgba(77,125,255,.85) 8%,rgba(77,125,255,.85) 92%,transparent 100%)}.placed-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8}.placed-sticker{position:absolute;left:0;top:0;width:56px;height:56px;cursor:grab;touch-action:none;filter:drop-shadow(0 2px 2px rgba(35,16,45,.18));transform-origin:center}.placed-sticker img{width:100%;height:100%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.placed-sticker.selected{outline:1px solid #00f;outline-offset:2px;border-radius:2px;z-index:30}.resize-handle{position:absolute;right:-8px;bottom:-8px;width:20px;height:20px;border:1px solid #00f;background:#fff;border-radius:999px;cursor:nwse-resize;display:none;place-items:center;color:#00f;font-size:15px;font-weight:800;line-height:1;padding:0}.rotate-handle{position:absolute;right:-8px;top:-8px;width:20px;height:20px;border:1px solid #00f;background:#fff;border-radius:999px;cursor:grab;display:none;place-items:center;color:#00f;font-size:13px;font-weight:800;line-height:1;padding:0}.delete-handle{position:absolute;left:-8px;bottom:-8px;width:20px;height:20px;border:1px solid #d00;background:#fff;border-radius:999px;cursor:pointer;display:none;place-items:center;color:#d00;font-size:16px;font-weight:900;line-height:1;padding:0}.placed-sticker.selected .resize-handle,.placed-sticker.selected .rotate-handle,.placed-sticker.selected .delete-handle{display:grid}.nav-dock button,.action-row button{border:0;padding:11px 12px;font-weight:700;cursor:pointer;font-family:inherit}.ghost{background:#fff;color:var(--ink);border:1px solid #000}.result-flip-wrap{width:100%;perspective:1200px;padding:16px;box-sizing:border-box;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.result-flip-wrap.is-dragging{cursor:grabbing}.result-flip-inner{position:relative;width:100%;transform:rotateY(0);transform-style:preserve-3d;transition:transform 1s cubic-bezier(.4,0,.2,1);will-change:transform}.result-front-face,.result-back-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.result-back-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotateY(180deg);object-fit:contain}.result-flip-controls{display:flex;justify-content:center;margin-top:8px}.result-image{width:100%;display:block;aspect-ratio:3.2 / 4.2;object-fit:contain;pointer-events:none}.action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.action-row button{flex:1;min-width:110px}.screen[data-screen="9"].active{display:flex;align-items:stretch;justify-content:flex-start;min-height:100dvh;padding:0;background:#fff;position:relative}.final-message-layout{width:100%;min-height:100dvh;padding:clamp(180px,26vh,280px) 24px 72px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.final-message-title-image{width:min(100%,420px);height:auto;display:block}.final-message-body{margin:20px 0 0;max-width:360px;font-family:Alike Angular,serif;font-size:16px;font-weight:400;line-height:19px;color:#000}.final-copy-link{margin-top:36px;border:0;padding:0;background:transparent;font-family:Alike Angular,serif;font-size:18px;font-weight:400;line-height:22px;color:#000;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.final-copy-link:active{opacity:.7}.final-wall-link{position:absolute;right:28px;bottom:92px;font-family:Alike Angular,serif;font-size:18px;line-height:1;color:#000;text-decoration:none}.nav-dock.hide{display:none!important}.nav-dock{position:fixed;left:50%;bottom:8%;transform:translate(-50%);width:min(480px,calc(100vw - 18px));padding:0 28px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:44px;z-index:55;pointer-events:auto}.nav-dock #startBtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:1;pointer-events:auto;transition:opacity .3s ease}.nav-dock #startBtn.is-gone,body.intro-start-hidden .nav-dock #startBtn{opacity:0;pointer-events:none}body.intro-start-visible .nav-dock #startBtn{opacity:1;pointer-events:auto;transition:opacity .42s ease}body.intro-start-visible .nav-dock #startBtn.is-gone{opacity:0;pointer-events:none;transition:none}.nav-dock #checkResultBtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-dock #checkResultBtn.visible{opacity:1;pointer-events:auto}.nav-dock .nav-buttons{width:100%;display:flex;align-items:center;justify-content:space-between;opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-dock.revealed #startBtn{opacity:0;pointer-events:none}.nav-dock.revealed .nav-buttons{opacity:1;pointer-events:auto}.nav-img-btn{border:none;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain;padding:0;cursor:pointer;width:55px;height:55px;flex-shrink:0}.nav-img-btn:disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.nav-img-btn:active:not(:disabled){opacity:.7;transform:scale(.94)}.nav-img-btn.hide{opacity:0;pointer-events:none}.nav-flip-btn{width:55px;height:55px;background-image:url(/assets/button-flip-B49vMZpD.png)}.nav-save-image-btn{width:150px;height:44px;background-image:url(/assets/button-save-image-R_zm-_Ml.png)}.nav-show-sticker-sheet{display:none}@media only screen and (min-width: 431px){.nav-show-sticker-sheet{width:55px;height:55px;background-image:url(/assets/button-add-Nbcxc93S.png);background-size:50px 50px}body[data-screen="7"] .nav-show-sticker-sheet{display:block}}#prevBtn{background:url(data:image/png;base64,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) no-repeat center / contain}body[data-screen="3"] #prevBtn{width:61px;height:61px;background-image:url(/assets/button-prev-2-D9Xj0q4v.svg);transform:translate(-3px,3px)}#nextBtn{background:url(/assets/button-next-IOiMr8PS.png) no-repeat center / contain}body[data-screen="3"] #nextBtn{width:61px;height:61px;background-image:url(/assets/button-next-2-Bq2Ngd-Q.svg);transform:translate(3px,3px)}.sticker-sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%) translateY(calc(100% - 50px));width:min(480px,100vw);height:100dvh;border-radius:50px 50px 0 0;background:#2a2a2a4d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:62;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:grid;grid-template-rows:auto auto 1fr;overflow:hidden}@media only screen and (min-width: 431px){.sticker-sheet{top:50%;bottom:auto;transform:translate(-50%,calc(-50% + 18px)) scale(.96);width:min(408px,calc(100vw - 48px));height:auto;max-height:min(680px,calc(100dvh - 48px));border-radius:40px;padding:88px 34px 62px;background:#161616b8;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 70px #00000057,0 0 0 100vmax #0000;opacity:0;pointer-events:none;transition:opacity .32s ease,box-shadow .32s ease}}@media only screen and (min-width: 431px){.sticker-sheet.is-side-docked{left:var(--desktop-sheet-left, 50%);top:50%;transform:translateY(-50%) scale(1)}}.sticker-sheet[hidden]{display:none!important}@media only screen and (max-width: 430px){.sticker-sheet.open{transform:translate(-50%) translateY(0)}}@media only screen and (min-width: 431px){.sticker-sheet.active{opacity:1;pointer-events:auto;box-shadow:0 28px 70px #00000057,0 0 0 100vmax #00000042}}.sheet-close{display:none}@media only screen and (min-width: 431px){.sheet-close{display:block;width:24px;height:24px;background:url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M24.2381%206.83984L16.0681%2015.0098L7.90812%206.83984L6.57812%208.16984L14.7481%2016.3398L6.57812%2024.5098L7.90812%2025.8398L16.0781%2017.6698L24.2481%2025.8398L25.5781%2024.5098L17.4081%2016.3398L25.5781%208.16984L24.2481%206.83984H24.2381Z'%20fill='white'/%3e%3c/svg%3e") no-repeat center / contain;position:absolute;top:24px;right:28px;opacity:.82;transition:opacity .16s ease,transform .16s ease;cursor:pointer}.sheet-close:hover{opacity:1;transform:scale(1.06)}}.sheet-handle-zone{padding:10px 0;margin-bottom:30px;display:grid;place-items:center;touch-action:none;cursor:ns-resize}@media only screen and (min-width: 431px){.sheet-handle-zone{display:none}}.sheet-handle{width:35px;height:3px;border-radius:999px;background:#fff3}.sheet-grid{overflow-y:auto;padding:0 32px calc(32px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start;overflow:hidden}@media only screen and (min-width: 431px){.sheet-grid{padding:0;gap:20px}}.sticker-item{border:0;background:transparent;width:100%;aspect-ratio:1 / 1;display:grid;place-items:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .12s ease;padding:0}@media only screen and (min-width: 431px){.sticker-item{width:100px;height:auto}}.sticker-item:active{transform:scale(.94)}.sticker-item img{width:100%;height:100%;display:block;pointer-events:none;object-fit:contain}.drag-ghost{position:fixed;left:0;top:0;z-index:90;pointer-events:none;width:52px;height:52px;transform:none;filter:drop-shadow(0 6px 9px rgba(0,0,0,.2))}.drag-ghost img{width:100%;height:100%;display:block}#toast{position:fixed;left:50%;bottom:calc(164px + env(safe-area-inset-bottom));transform:translate(-50%);background:#000;color:#fff;border-radius:999px;padding:9px 14px;font-size:.87rem;opacity:0;transition:opacity .18s ease;z-index:80;max-width:min(420px,calc(100vw - 24px));text-align:center;pointer-events:none}#toast.show{opacity:1;pointer-events:all}#toast.toast--clipboard{top:48%;bottom:auto;width:min(352px,calc(100vw - 48px));min-height:108px;padding:18px 26px;border-radius:0;background:url(/assets/popup-success-clipboard-B1Vd9Kt_.svg) no-repeat center / 100% 100%;color:#000;--toast-transform: translate(-50%, -50%);transform:var(--toast-transform);transition:opacity .6s ease}.toast-clipboard-inner{min-height:72px;display:flex;align-items:center;justify-content:center;gap:14px}.toast-clipboard-icon{width:24px;height:24px;flex-shrink:0}.toast-clipboard-copy{margin:0;font-family:Alike Angular,serif;font-size:16px;font-weight:400;line-height:19px;color:#000;white-space:pre-line;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wall-transition-fadeout{opacity:0!important;pointer-events:none!important;transition:opacity .5s ease!important}body.wall-transition-bg{background:#07040f!important;transition:background var(--transition) ease!important}.wall-transition-letter{position:fixed;z-index:300;border-radius:12px;border:1px solid #000;object-fit:contain;pointer-events:none;will-change:left,top,width,height,box-shadow;box-shadow:0 18px 36px #00000029}.wall-transition-letter--flying{transition:left var(--transition) cubic-bezier(.22,1,.36,1),top var(--transition) cubic-bezier(.22,1,.36,1),width var(--transition) cubic-bezier(.22,1,.36,1),height var(--transition) cubic-bezier(.22,1,.36,1),box-shadow var(--transition) ease;box-shadow:0 32px 64px #0000008c}.wall-transition-card{position:fixed;z-index:290;width:120px;height:142px;background:#f8f0dc;border-radius:4px;box-shadow:0 2px 12px #0006;opacity:0;transform:scale(.55) rotate(var(--rot, 0deg));pointer-events:none;animation:wall-card-appear var(--transition) cubic-bezier(.22,1,.36,1) var(--delay, 0ms) forwards}.wall-transition-card:nth-child(odd){--rot: -4deg}.wall-transition-card:nth-child(2n){--rot: 5deg}@keyframes wall-card-appear{to{opacity:.8;transform:scale(1) rotate(var(--rot, 0deg))}}@media (max-width: 390px){.sheet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-options{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}
