:root{--motion-fast:.12s;--motion-base:.2s;--motion-slow:.32s;--motion-entrance:.38s;--motion-stagger-short:80ms;--motion-stagger-long:.15s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);color:#fff;font-synthesis:none;text-rendering:optimizelegibility;background:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@font-face{font-family:Fansign Chunfeng;src:url(../assets/font/%E5%AD%97%E4%BD%93%E5%AE%B6AI%E9%80%A0%E5%AD%97%E6%98%A5%E9%A3%8EAIzaozichunfeng.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;width:100%;min-width:320px;height:100%;overflow:hidden}body{background:#000;height:100dvh;margin:0}button,input{font:inherit}button{touch-action:manipulation}button:not(:disabled){cursor:pointer}button:disabled{cursor:default}input{cursor:text}.home-start-button,.language-choice-button,.question-back-button{-webkit-tap-highlight-color:transparent;transition:transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-base) var(--ease-standard), background-color var(--motion-base) var(--ease-standard), opacity var(--motion-fast) var(--ease-standard)}h1{color:#fff;margin:0;font-size:32px;font-weight:700;line-height:1.25}.home-screen{background:#ffe8ee;justify-content:center;align-items:flex-start;width:100%;min-width:320px;height:100dvh;min-height:0;max-height:100dvh;display:flex;overflow:hidden}.home-canvas{aspect-ratio:402/874;flex-direction:column;flex:none;align-items:center;width:min(100%,430px,45.9954dvh);height:min(217.413vw,934.876px,100dvh);padding:0 0 16.92%;display:flex;overflow:hidden;container-type:inline-size}.home-canvas:before{aspect-ratio:402/143;content:"";flex:none;width:100%}.home-title{width:78.61%;animation:home-title-enter var(--motion-entrance) var(--ease-out) backwards;flex:none;margin:0;line-height:0}.home-title img,.home-hero{width:100%;height:auto;display:block}.home-hero{width:74.63%;animation:home-hero-enter var(--motion-entrance) var(--ease-out) var(--motion-stagger-short) backwards;flex:none;margin-top:4.48%}.home-start-button{aspect-ratio:656/156;color:#383838;text-align:center;cursor:pointer;touch-action:manipulation;width:81.59%;min-height:0;animation:home-cta-enter var(--motion-entrance) var(--ease-out) var(--motion-stagger-long) backwards;background-color:#0000;background-image:url(../assets/image/hero_bottom_button.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:999px;flex:none;margin-top:10.45%;padding:0 22% 0 13%;font-family:Fansign Chunfeng,Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(16px,7.46cqw,32px);font-weight:400;line-height:1}.home-start-button:focus-visible{outline-offset:3px;outline:3px solid #ff5aaa}.home-start-button:active{opacity:.96;transform:translateY(1px)scale(.985);box-shadow:0 2px 3px #44404229}@keyframes home-title-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes home-hero-enter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes home-cta-enter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.language-screen{background:#ffe8ee;justify-content:center;align-items:flex-start;width:100%;min-width:320px;height:100dvh;min-height:0;max-height:100dvh;display:flex;overflow:hidden}.language-canvas{aspect-ratio:402/874;flex-direction:column;flex:none;align-items:center;width:min(100%,430px,45.9954dvh);height:min(217.413vw,934.876px,100dvh);padding-top:0;display:flex;position:relative;overflow:hidden;container-type:inline-size}.language-canvas:before,.result-visual-canvas:before{aspect-ratio:402/151;content:"";flex:none;width:100%}.language-heading{flex:none;align-items:flex-start;width:91.04%;display:flex}.language-character{flex:none;width:38.25%;height:auto;display:block}.language-speech-bubble{z-index:1;color:#fff;text-align:center;white-space:nowrap;background:#1d334b;border-radius:999px;flex:none;justify-content:center;align-items:center;width:63.38%;min-height:27.4%;margin:0 0 0 -1.63%;padding:3.8% 4.5% 4.4%;font-family:Fansign Chunfeng,Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(16px,6.72cqw,29px);font-weight:400;line-height:1.12;display:flex;position:relative}.language-speech-bubble:after{aspect-ratio:1.35;clip-path:polygon(0 100%,22% 0,100% 0);content:"";background:#1d334b;width:13%;position:absolute;bottom:-11%;left:0}.language-divider{background:#b78da1;border-radius:999px;flex:none;width:90.55%;height:5px;margin-top:2.24%}.language-choice-list{justify-items:center;gap:clamp(18px,8.21cqw,35px);width:100%;margin-top:10.95%;display:grid}.language-choice-button{color:#383838;text-align:center;cursor:pointer;touch-action:manipulation;background:#f0bfcb;border:1px solid #ffffffd1;border-radius:999px;width:81.59%;height:clamp(44px,17.41cqw,75px);min-height:44px;padding:0 8%;font-family:Fansign Chunfeng,Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(16px,7.46cqw,32px);font-weight:400;line-height:1;box-shadow:0 7px 5px #44404280}.language-choice-button:focus-visible{outline-offset:3px;outline:3px solid #ff5aaa}.language-choice-button:active{transform:translateY(1px)scale(.985);box-shadow:0 4px 4px #44404261}.question-choice-button--symbol{position:relative}.question-choice-symbol{font-family:system-ui,sans-serif;font-size:.8em;line-height:1;position:absolute;top:50%;right:9%;transform:translateY(-50%)}.question-choice-button--return{padding-left:5%;padding-right:5%;font-size:clamp(15px,6.22cqw,27px)}.nickname-visual-form{justify-items:center;gap:clamp(18px,8.21cqw,35px);width:100%;margin-top:10.95%;display:grid}.nickname-visual-input-shell{width:81.59%;height:clamp(44px,17.41cqw,75px);transition:transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-base) var(--ease-standard), background-color var(--motion-base) var(--ease-standard);background:#f0bfcb;border:1px solid #ffffffd1;border-radius:999px;overflow:hidden;box-shadow:0 7px 5px #44404280}.nickname-visual-input-shell input{color:#383838;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 11%;font-family:Fansign Chunfeng,Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(16px,6.72cqw,29px);line-height:1}.nickname-visual-input-shell input::placeholder{color:#777;opacity:1}.nickname-visual-input-shell:focus-within{outline-offset:3px;background-color:#f3c5d0;outline:3px solid #ff5aaa;transform:translateY(-1px);box-shadow:0 8px 7px #4440428a}.question-back-button{color:#806b75;cursor:pointer;touch-action:manipulation;background:0 0;border:0;min-width:44px;min-height:44px;padding:0 8px;font-family:Fansign Chunfeng,Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(13px,4.48cqw,19px);position:absolute;top:4.2%;left:5%}.question-back-button:focus-visible{outline-offset:2px;outline:2px solid #806b75}.question-back-button:active{opacity:.72;transform:translateY(1px)}.result-visual-screen{background:#ffe8ee;justify-content:center;align-items:flex-start;width:100%;min-width:320px;height:100dvh;min-height:0;max-height:100dvh;display:flex;overflow:hidden}.result-visual-canvas{aspect-ratio:402/874;flex-direction:column;flex:none;align-items:center;width:min(100%,430px,45.9954dvh);height:min(217.413vw,934.876px,100dvh);padding-top:0;display:flex;overflow:hidden;container-type:inline-size}.result-speech-bubble{width:48%;min-height:22%;padding-left:5%;padding-right:5%}.result-speech-bubble:after{aspect-ratio:1.55;clip-path:polygon(0 100%,30% 0,100% 0);width:10%;bottom:-7%;left:4%}.result-board{flex:none;width:89.05%;margin-top:6.47%;position:relative}.result-board>img{width:100%;height:auto;display:block}.result-board-text{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.result-board-svg-text,.result-board-svg-moire,.result-board-measure{letter-spacing:0;font-family:Arial Black,Arial,Microsoft YaHei,PingFang SC,sans-serif;font-weight:900}.result-board-svg-text{fill:#c8ef00;stroke:#ff62a9;stroke-width:6px;stroke-linejoin:round;stroke-linecap:round;paint-order:stroke fill}.result-board-svg-moire{pointer-events:none;stroke:none}.result-board-text.is-empty .result-board-svg-text,.result-board-text.is-empty .result-board-measure{fill:#fff;stroke:none;font-family:Fansign Chunfeng,Microsoft YaHei,PingFang SC,sans-serif;font-weight:400}.result-meta-row{flex:none;grid-template-columns:minmax(0,1fr) clamp(44px,11.94cqw,52px);align-items:center;gap:clamp(10px,3.73cqw,16px);width:81.59%;min-height:16.42cqw;margin-top:4.98%;display:grid}.result-visual-details{color:#777;min-width:0;font-family:Fansign Chunfeng,Microsoft YaHei,PingFang SC,sans-serif}.result-copy-button{aspect-ratio:1;color:#383838;-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:clamp(44px,11.94cqw,52px);transition:transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-base) var(--ease-standard), background-color var(--motion-base) var(--ease-standard), color var(--motion-base) var(--ease-standard);background:#f0bfcb;border:1px solid #ffffffd1;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 4px 4px #44404257}.result-copy-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:48%;height:48%;overflow:visible}.result-copy-button:focus-visible{outline-offset:3px;outline:3px solid #ff5aaa}.result-copy-button:active{transform:translateY(1px)scale(.96);box-shadow:0 2px 3px #4440423d}.result-copy-button.is-copied{color:#1d334b;background-color:#f5ccd6}.result-translation{color:#555;overflow-wrap:anywhere;margin:4px 0 0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(11px,3.73cqw,16px);line-height:1.4}.result-visual-actions{justify-items:center;gap:clamp(17px,7.21cqw,31px);width:100%;display:grid}.result-empty-details{flex:none;width:81.59%;min-height:12cqw;margin-top:4.98%}.result-empty-actions{margin-top:3%}@media (hover:hover) and (pointer:fine){.language-choice-button:hover:not(:active){background-color:#f2c1cd;transform:translateY(-2px);box-shadow:0 9px 7px #44404285}.language-choice-button:active{background-color:#f0bfcb;transform:translateY(0)scale(.99);box-shadow:0 4px 4px #44404261}.home-start-button:hover:not(:active){transform:translateY(-2px);box-shadow:0 8px 10px #44404233}.question-back-button:hover:not(:active){opacity:.78}.nickname-visual-input-shell:hover:not(:focus-within){background-color:#f2c1cd;box-shadow:0 8px 6px #44404285}.result-copy-button:hover:not(:active){background-color:#f2c1cd;transform:translateY(-2px);box-shadow:0 6px 6px #44404266}}@media (prefers-reduced-motion:reduce){:root{--motion-fast:1ms;--motion-base:1ms;--motion-slow:1ms;--motion-entrance:1ms;--motion-stagger-short:0s;--motion-stagger-long:0s}.home-title,.home-hero,.home-start-button{animation:none}.home-start-button:hover,.home-start-button:active,.language-choice-button:hover,.language-choice-button:active,.question-back-button:hover,.question-back-button:active,.nickname-visual-input-shell:focus-within,.result-copy-button:hover,.result-copy-button:active{transform:none}}