: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;--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 Sans KR,Pretendard,Apple SD Gothic Neo,system-ui,-apple-system,sans-serif;color:var(--ink);background:url(/assets/bg-main-DmZ4yQFW.png) no-repeat center top #000;background-size:cover;overflow-x:hidden}.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{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%;font-family:minion-pro,sans-serif}.guide-box p{width:100%;max-width:402px;color:#e60012;background:#fff;font-size:20px;line-height:normal;min-height:40px;letter-spacing:-1px;display:flex;text-align:center;align-items:center;justify-content:center;margin:0;padding:10px 72px;position:relative}.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}.guide-box .buttons a{color:#e60012;font-size:18px;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.screen.is-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#fff3;backdrop-filter:blur(7.5px);-webkit-backdrop-filter:blur(7.5px);z-index:100}.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:#2a1a08;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:2px;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}.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:40px;padding:15% 25%;text-align:center}.quiz-result.index-12.success{gap:5px}.quiz-result.index-12.failed{gap:20px}.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.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 10px}.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% 18%}.quiz-content.layout-default{padding:30% 18%;justify-content:center;gap:32px}.quiz-content.layout-diamond{padding:44% 20%}.quiz-content.layout-circle{padding:20% 22%;justify-content:center;gap:48px}.quiz-content.layout-heart{padding:32% 20%;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-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{background:none;border:none;padding:0;cursor:pointer;font-family:Alike Angular,serif;font-size:15px;font-weight:400;line-height:140%;text-align:inherit;width:100%;transition:all .12s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:4px}.quiz-opt-text:before{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;opacity:0;transition:.12s;flex:none}.quiz-opt-text:after{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;opacity:0;transition:.12s;flex:none}@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-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-2 .quiz-opt-text:last-child{gap:0}.quiz-content.index-2 .quiz-opt-text:last-child:before{transform:translate(10px)}.quiz-content.index-2 .quiz-opt-text:last-child:after{transform:translate(-10px)}.quiz-content.index-4 .quiz-opt-text{gap:10px}.quiz-content.index-5{gap:65px}.quiz-content.index-5 .quiz-opt-text{gap:10px}.quiz-content.index-7 .quiz-q{max-width:170px}.quiz-content.index-7 .quiz-answer-wrap .quiz-opt-text:first-child{gap:10px}.quiz-content.index-8{padding:20%}.quiz-content.index-10{padding:38% 28%;gap:30px}.quiz-content.index-10 .quiz-opt-text{gap:5px}.quiz-content.index-10 .quiz-opt-text:last-child{gap:0px}.quiz-content.index-10 .quiz-opt-text:last-child:before{transform:translate(10px)}.quiz-content.index-10 .quiz-opt-text:last-child:after{transform:translate(-10px)}.quiz-content.index-12 .quiz-answer-wrap{max-width:160px}.quiz-content.index-12 .quiz-opt-text:last-child{gap:0}.quiz-content.index-12 .quiz-opt-text:last-child:before{transform:translate(10px)}.quiz-content.index-12 .quiz-opt-text:last-child:after{transform:translate(-10px)}.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}.letter-write-card{position:relative;width:100%;max-width:402px;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}.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:inherit;font-family:Alike Angular,serif;font-size:14px;line-height:155%;color:var(--ink);overflow-y:auto;-webkit-overflow-scrolling:touch}.letter-write-input::placeholder{color:#00000080}.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:start;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)}.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)}.paper-flip-controls{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:10}.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:Alike Angular,serif;font-size:14px;pointer-events:none}.paper-text-line{position:absolute;color:#3a2a3a;line-height:1.15;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-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}.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:11px;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;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:center;justify-content:center;min-height:100dvh;padding:24px 20px 32px}.final-message-card{color:#fff;width:min(100%,380px);padding:28px 22px 24px;text-align:center}.final-message-title,.final-message-body{margin:0}.final-message-title{margin-top:10px;font-family:Alike Angular,serif;font-size:28px;line-height:1.18;color:#fff}.final-message-body{margin-top:12px;font-size:15px;line-height:1.55;color:#fff}.final-message-card .action-row{margin-top:18px}.hashtag-wrap{display:flex;flex-direction:column;gap:6px;flex:1;min-width:110px}#copyHashtagBtn{width:100%}.share-link{margin-top:8px;width:100%;border:1px solid #000;background:#fff;color:#000;border-radius:10px;padding:8px;font-size:.85rem}.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{display:flex;width:100%;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:44px;height:44px;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}#prevBtn{background:url(/assets/button-prev-PqNh6AGj.png) no-repeat center / contain}body[data-screen="3"] #prevBtn{width:60px;height:58px;background-image:url(/assets/button-prev-2-Ba_vPEHB.svg);transform:translate(-8px,7px)}#nextBtn{background:url(/assets/button-next-IOiMr8PS.png) no-repeat center / contain}body[data-screen="3"] #nextBtn{width:60px;height:58px;background-image:url(/assets/button-next-2-VqzZ0poA.svg);transform:translate(8px,7px)}.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}.sticker-sheet[hidden]{display:none!important}.sticker-sheet.open{transform:translate(-50%) translateY(0)}.sheet-handle-zone{padding:10px 0;margin-bottom:20px;display:grid;place-items:center;touch-action:none;cursor:ns-resize}.sheet-handle{width:35px;height:3px;border-radius:999px;background:#fff3}.sheet-grid{overflow-y:auto;padding:0 16px calc(16px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start}.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}.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}@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}}