:root{--bg: #FFF8EE;--ink: #3A2E28;--ink-soft: #6B5A4E;--sub: #8A7563;--faint: #B0A090;--orange: #E8823A;--cream: #FFF3E2;--border: #F0D9BB;--border-soft: #F0E5D3;--green: #4CAF50;--green-bg: #E7F6E7;--green-ink: #2E7D32;--red: #E57373;--red-bg: #FBE7E7;--red-ink: #C62828}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Poor Story,system-ui,cursive}.jua{font-family:Jua,system-ui,sans-serif}.hand{font-family:Poor Story,system-ui,cursive}.wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px 16px}.col{display:flex;flex-direction:column;width:100%;max-width:430px}.row{display:flex}.center{text-align:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.title{font-size:30px;color:var(--orange);margin:4px 0}.sub{font-size:18px;color:var(--sub);margin:0}.h2{font-size:24px;color:var(--orange);margin:4px 0 0}.step{font-size:18px;margin:0 0 14px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.foot{font-size:14px;margin-top:16px}.card{background:#fff;border-radius:24px;border:4px solid var(--border);box-shadow:0 4px 14px #a078461f;padding:24px}.qcard{background:var(--cream);border-color:#eccea6}.qLabel{display:inline-block;font-size:15px;color:#fff;background:var(--orange);border-radius:999px;padding:3px 16px;margin-bottom:20px}button{font-family:inherit;cursor:pointer;transition:all .15s}button:active{transform:scale(.97)}button:focus-visible{outline:3px solid #FFD9A0;outline-offset:2px}.catBtn{background:#fff;border:2px solid #EBC9A0;border-bottom-width:5px;border-radius:16px;padding:16px 26px 16px 16px;text-align:left;min-height:44px;position:relative}.catBtn.off{background:#f5efe6;border-color:#e5dccb;opacity:.65;cursor:default}.catCount{display:block;font-size:13px;color:var(--faint);margin-top:2px}.catGo{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:32px;font-weight:700;line-height:1;color:#d2a874}.catBtn:hover .catGo{color:var(--orange)}.adSlot{min-height:90px;margin:24px 0 8px;border-radius:12px;background:#f5efe6;border:1px dashed #E0D3BD;display:flex;align-items:center;justify-content:center;color:#c4b5a0;font-size:12px;font-family:sans-serif}.learnBtn{display:flex;align-items:center;gap:12px;text-decoration:none;background:#fff9f0;border:2px dashed #E8C9A0;border-radius:16px;padding:12px 26px 12px 14px;margin:14px 0 0;position:relative;min-height:44px}.learnBtn+.adSlot{margin-top:14px}.learnBtn:hover{background:#fff3e2;border-color:var(--orange)}.learnBtn:hover .catGo{color:var(--orange)}.learnIcon{font-size:26px;line-height:1}.learnText{display:flex;flex-direction:column;gap:1px;min-width:0}.learnTitle{font-size:17px;color:var(--ink)}.learnSub{font-size:13px;color:var(--faint)}.backBtn{background:none;border:none;color:var(--sub);font-size:20px;margin-bottom:10px;align-self:flex-start;padding:6px 4px}.topBtns{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin:-10px -6px 0 0;position:relative;z-index:6}.soundBtn{width:34px;height:34px;border-radius:17px;border:2px solid #E8D9C3;background:#fff;font-size:20px;cursor:pointer;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.soundBtn:hover{border-color:var(--orange)}.langWrap{position:relative}.langBtn{width:34px;height:34px;border-radius:17px;border:2px solid #E8D9C3;background:#fff;cursor:pointer;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.langBtn:hover{border-color:var(--orange)}.langFlag{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1px solid #EEE3D2;flex-shrink:0}.langBtn .langFlag{width:24px;height:24px}.langScrim{position:fixed;top:0;right:0;bottom:0;left:0}.langMenu{position:absolute;top:40px;right:0;min-width:150px;background:#fff;border:2px solid #E8D9C3;border-radius:14px;padding:6px;display:flex;flex-direction:column;gap:2px;max-height:min(60vh,420px);overflow-y:auto;box-shadow:0 6px 18px #a078462e}.langItem{display:flex;align-items:center;gap:8px;padding:9px 12px;border:none;background:none;border-radius:10px;font-size:16px;cursor:pointer;color:var(--ink-soft);text-align:left}.langItem:hover{background:var(--cream)}.langItem.on{background:#f9f3e8}.packBtn{background:#fff;border:2px solid var(--border);border-bottom-width:5px;border-radius:16px;padding:12px 16px;font-size:20px;text-align:left;display:flex;align-items:center;gap:12px;width:100%;min-height:44px}.packBtn:hover{border-color:var(--orange);background:var(--cream)}.packBtn.off{background:#f5efe6;border-color:#e5dccb;opacity:.6;cursor:default}.packBtn.off:hover{border-color:#e5dccb;background:#f5efe6}.selBtn{background:#fff;border:2px solid var(--border);border-radius:16px;padding:12px 16px;font-size:20px;text-align:left;width:100%;min-height:44px;position:relative}.selBtn.on{background:var(--cream);border:3px solid var(--orange);box-shadow:0 0 0 3px #e8823a45}.selBtn.off{background:#f5efe6;border-color:#e5dccb;opacity:.55;cursor:default}.selBtn .check{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--orange);font-weight:700}.countBtn{flex:1;width:auto;aspect-ratio:1 / 1;text-align:center;padding:4px;font-size:18px;min-height:44px;display:flex;align-items:center;justify-content:center}.countBtn.on{color:var(--orange)}.modeBtn{flex:1;width:auto;text-align:center}.modeBtn.on{color:var(--orange)}.cta{width:100%;font-size:20px;background:var(--orange);color:#fff;border:none;border-radius:999px;padding:12px 0;box-shadow:0 3px 8px #e8823a59;min-height:44px}.cta:hover{background:#d6701f}.cta2{width:100%;font-size:20px;background:#fff;color:var(--orange);border:2px solid var(--orange);border-radius:999px;padding:10px 0;min-height:44px}.ghost{background:none;border:none;color:var(--sub);font-size:20px;padding:12px 0;min-height:44px}.ctaShare{display:flex;align-items:center;justify-content:center;gap:8px}.shareIcon{width:22px;height:22px;fill:currentColor}.shareMenu{gap:8px}.shareMenu button{flex:1;font-size:17px;color:var(--sub);background:var(--cream);border:2px solid var(--border);border-radius:999px;padding:10px 0;min-height:44px}.shareMenu button:hover{border-color:var(--orange);color:var(--orange)}.pill{font-size:19px;color:var(--sub);background:var(--cream);border-radius:999px;display:inline-block;padding:3px 16px;margin:6px 0 0}.pill b{color:var(--orange)}.progress{height:8px;background:var(--border-soft);border-radius:999px;margin-bottom:14px;overflow:hidden}.progress>div{height:100%;background:var(--orange);border-radius:999px;transition:width .3s}.qimg{border-radius:12px;border:2px solid var(--border-soft);width:100%;box-shadow:0 2px 6px #00000014}.optBtn{background:#fff;border:2px solid var(--border);border-bottom-width:5px;border-radius:16px;padding:12px 14px;font-size:21px;text-align:left;width:100%;min-height:44px;color:var(--ink);display:flex;align-items:center;gap:6px}.optMark{flex:none;width:26px;text-align:center;font-weight:700;font-size:20px}.optBtn:hover:not(:disabled){border-color:var(--orange);background:var(--cream)}.optBtn.good{background:var(--green-bg);border-color:var(--green);color:var(--green-ink)}.optBtn.bad{background:var(--red-bg);border-color:var(--red);color:var(--red-ink)}.optBtn.dim{opacity:.55}.reviewBox{text-align:left;background:var(--bg);border-radius:16px;padding:16px;margin-bottom:18px}.modalBg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#3a2e2873;display:flex;align-items:center;justify-content:center;padding:24px}.modalCard{background:#fff;border-radius:24px;padding:26px 22px;width:100%;max-width:330px;text-align:center;box-shadow:0 10px 34px #00000047}@keyframes pop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}.pop{animation:pop .28s ease-out both}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.shake{animation:shake .3s ease-in-out}@media (prefers-reduced-motion: reduce){.pop,.shake{animation:none}}