: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 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;text-align:left;min-height:44px}.catBtn.off{background:#f5efe6;border-color:#e5dccb;opacity:.65;cursor:default}.backBtn{background:none;border:none;color:var(--sub);font-size:20px;margin-bottom:10px;align-self:flex-start;padding:6px 4px}.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)}.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}.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);max-width:100%;max-height:300px;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}}