:root{color:#221914;background:#111;--hand-font: "Chuchumei Handwriting", "Klee One", "Comic Sans MS", "Marker Felt", "PingFang TC", "Microsoft JhengHei", sans-serif;--page-art-top-offset: 0px;--camera-frame-top: 0px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:#151515;display:grid;place-items:start center}button,a{-webkit-tap-highlight-color:transparent}.app{position:relative;width:min(100vw,56.25dvh,430px);aspect-ratio:9 / 16;height:auto;min-height:0;margin:0 auto;overflow:hidden;background:#c9efb8}.page{position:absolute;top:0;right:0;bottom:0;left:0;display:none;width:100%;height:100%;overflow:hidden}.page.is-active{display:block}.page-home{background:url(/assets/1-%E9%A6%96%E9%A0%81%E5%85%A5%E5%8F%A3/bg@2x.png) center / cover no-repeat}.brand-lockup{position:absolute;left:8.5%;right:8.5%;top:33.5%}.brand-lockup img{width:100%;display:block}.image-button{padding:0;border:0;background:transparent;cursor:pointer}.image-button img{display:block;width:100%}.start-button{position:absolute;left:34%;bottom:16.5%;width:40%}.page-question{background:url(/assets/1-%E9%A6%96%E9%A0%81%E5%85%A5%E5%8F%A3/bg@2x.png) center / cover no-repeat}.quiz-header{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.culture-logo{display:none}.culture-logo strong{display:block;font-size:31px;letter-spacing:0}.progress-badge{position:absolute;right:12.5%;top:56%;display:grid;place-items:center;width:56px;height:50px;border:0;border-radius:0;background:url(/assets/2-%E9%A1%8C%E7%9B%AE%E9%A0%81/progress.png) center / contain no-repeat;color:#221914;font-size:13px;font-weight:900;z-index:4}.quiz-panel{position:absolute;left:7.5%;right:7.5%;top:31.5%;height:auto;aspect-ratio:885 / 630;display:block;padding:0;border:0;border-radius:0;background:url(/assets/2-%E9%A1%8C%E7%9B%AE%E9%A0%81/%E4%BD%A0%E5%A6%B3%E5%9C%A8%E6%84%9B%E8%A3%A1%E7%9A%84%E7%A0%B4%E5%A3%9E%E5%8A%9B.png) center / contain no-repeat}.quiz-eyebrow{display:none}#question-title{position:absolute;left:11.5%;right:11.5%;top:45%;min-height:0;margin:0;color:#1f1713;font-family:var(--hand-font);font-size:clamp(19px,5.4vw,25px);font-weight:900;line-height:1.25;text-align:center}.answer-options{position:absolute;left:-6%;right:-6%;top:calc(100% + 16px);display:grid;grid-template-columns:1fr 1fr;gap:11px 12px}.answer-button{display:block;aspect-ratio:467 / 192;min-height:0;padding:0 6% 6% 32%;border:0;border-radius:0;background-color:transparent;background-image:var(--answer-bg);background-position:center;background-repeat:no-repeat;background-size:100% 100%;color:#1f1713;font:inherit;text-align:left;box-shadow:none;cursor:pointer}.answer-button:active{transform:translate(3px,3px)}.answer-button.is-selected{background-image:var(--answer-active-bg)}.answer-button:disabled{cursor:default}.answer-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.answer-button strong{display:block;font-family:var(--hand-font);font-size:clamp(12px,3.2vw,15px);line-height:1.12;font-weight:900}.page-loading{display:none;place-items:center;padding:24px;background:linear-gradient(180deg,#d3b0ea,#cdf3bb);text-align:center}.page-loading.is-active{display:grid}.page-loading img{width:min(92%,360px);animation:floaty 1.9s ease-in-out infinite alternate}.page-loading p{margin:18px 0 0;color:#2a1d18;font-size:24px;font-weight:900;line-height:1.45}.page-camera{background:#101010}.camera-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:linear-gradient(180deg,#ff4155 0,#ff4155 18%,#f0e6dd 18%,#f0e6dd 70%,#d51e35 70%,#d51e35)}.camera-stage:before{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:var(--camera-frame-top);background:#ff3150;pointer-events:none}.camera-canvas,.raw-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.camera-canvas.is-mirrored{transform:scaleX(1)}.raw-preview{opacity:0;pointer-events:none}.camera-fallback{position:absolute;top:18%;right:0;bottom:30%;left:0;display:grid;place-items:center;background:linear-gradient(135deg,#ffffff52,#fff0),#d8d0c7;color:#4a3a31;font-size:20px;font-weight:900;text-align:center}.is-hidden{display:none!important}.camera-html-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.filter-frame{position:absolute;z-index:3;inset:var(--camera-frame-top) 0 0;display:block;width:100%;height:calc(100% - var(--camera-frame-top));object-fit:cover;pointer-events:none}.result-decorations{position:absolute;z-index:4;inset:var(--camera-frame-top) 0 0;pointer-events:none}.result-decoration{position:absolute;display:block;object-fit:contain;pointer-events:none}.result-decorations-A .result-decoration-petal{left:-3.5%;top:18.75%;width:106%}.result-decorations-C .result-decoration-note{right:6.5%;top:34.5%;width:21%}.result-decorations-D .result-decoration-firework-1{right:8%;top:33.5%;width:23%}.result-decorations-D .result-decoration-firework-2{left:11%;top:35.5%;width:26%}.result-decorations-D .result-decoration-firework{right:8%;top:48%;width:24%}.result-copy-art{position:absolute;z-index:5;left:50%;bottom:10%;display:block;width:80%;height:auto;object-fit:contain;pointer-events:none;transform:translate(-50%)}.camera-action{position:absolute;z-index:7;left:32%;right:32%;bottom:.8%;display:block;min-height:0;aspect-ratio:468 / 192;padding:0;border:0;background:transparent;box-shadow:none;pointer-events:auto;cursor:pointer}.camera-action img{display:block;width:100%;height:100%;object-fit:contain}.lens-loading{position:absolute;z-index:12;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:14px;background:#14100e94;color:#fff;font-size:16px;font-weight:800}.lens-loading span{width:42px;height:42px;border:5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.lens-loading p{margin:0}.countdown{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.countdown img{display:block;width:10%;max-width:52px;height:auto;transform:translateY(-18%)}.page-result{padding:max(24px,env(safe-area-inset-top)) 26px 26px;background:url(/assets/5-%E7%B5%90%E6%9E%9C%E9%A0%81/%E7%B5%90%E6%9E%9C%E9%A0%81-bg.png) center / cover no-repeat,#d5a7e8}.result-preview-wrap{width:min(52%,230px);margin:3.5vh auto 0;text-align:center}.result-image{display:block;width:100%;aspect-ratio:9 / 16;border:8px solid #fff;background:#fff;box-shadow:10px 12px #402d3647;object-fit:cover}.save-hint{display:block;width:min(46%,142px);margin:12px auto 0}.result-actions{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;width:76%;gap:10px 12px;margin:14px auto 0}.asset-button{display:block;padding:0;border:0;background:transparent;cursor:pointer}.asset-button img{display:block;width:100%}.tag-bubble-img{position:absolute;z-index:1;left:8%;right:8%;bottom:0;display:block;width:84%;pointer-events:none}@keyframes floaty{0%{transform:translateY(-8px) rotate(-1deg)}to{transform:translateY(8px) rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-height: 700px){.quiz-panel{top:31.5%}.answer-button{min-height:58px}.result-copy-art{bottom:9%}.camera-action{bottom:.5%}.result-preview-wrap{width:min(64%,250px);margin-top:2vh}}