:root{--bg:#ecf8f1;--brand:#0a6a43;--brand2:#d9f1e6;--text:#142b22;--muted:#5b7169;--card:#fff;--ring:#b9e5d4;--neutral:#9fbfb4;--glow:#eef7f3}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.wrap{max-width:760px;margin:0 auto;padding:16px}
.card{background:var(--card);border-radius:20px;padding:18px;box-shadow:0 8px 30px rgba(16,94,73,.08);margin:12px 0;border:1px solid #e6f3ed}
.header-center{display:grid;grid-template-columns:80px 1fr 80px;gap:12px;align-items:center}
.logo{width:60px;height:60px;object-fit:contain;border-radius:12px;border:1px solid #d7ede4;background:#fff}
.titles{text-align:center}
.titles h1{font-size:22px;line-height:1.25;margin:0;color:var(--brand)}.brand-sub{font-weight:800}
.privacy{margin:.5rem 0 0 0;color:var(--muted);font-size:13px}

.hero-single{text-align:center}
.hero-image{width:100%;max-height:320px;object-fit:contain;border-radius:16px;border:1px solid #d7ede4;background:#fff}

.progress{height:10px;background:var(--brand2);border-radius:999px;overflow:hidden;margin:6px 0 12px 0}.progress.sticky{position:sticky;top:8px;z-index:10}.bar{height:100%;width:0;background:linear-gradient(90deg,var(--brand),#20b77a)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:760px){.row{grid-template-columns:1fr} .header-center{grid-template-columns:60px 1fr 60px} .logo{width:52px;height:52px}}
label{font-size:16px;font-weight:900;margin-bottom:6px;display:block}
input[type=text],input[type=tel],input[type=number],select{width:100%;padding:15px 14px;border:2px solid #d8eae3;border-radius:14px;background:#fff;font-size:17px}
.grid-q{display:grid;gap:16px}.hint{font-size:12.5px;color:var(--muted)}
.qcard{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.qicon{width:56px;height:56px;border-radius:14px;border:1.5px solid #d7ede4;background:#fff;display:flex;align-items:center;justify-content:center}
.qicon img{width:30px;height:30px}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.radio{display:flex;align-items:center;gap:10px;justify-content:center;border:2.5px solid #d1e7dd;border-radius:18px;padding:16px 14px;font-weight:900;cursor:pointer;background:#fff;min-height:64px;text-align:center;box-shadow:0 6px 18px rgba(16,94,73,.06)}
.radio.active{border-color:var(--brand);box-shadow:0 0 0 5px #e8f8f1, 0 6px 18px rgba(16,94,73,.08)}
.radio.neg.active{border-color:var(--neutral);box-shadow:0 0 0 5px var(--glow), 0 6px 18px rgba(16,94,73,.04)}
.btn{appearance:none;border:none;border-radius:16px;padding:16px 18px;font-weight:900;cursor:pointer;background:var(--brand);color:#fff;display:inline-flex;gap:10px;align-items:center;justify-content:center;width:100%}
.btn.secondary{background:#fff;color:var(--brand);border:2px solid var(--ring)}

.result-title{font-size:24px;margin:0 0 6px 0;text-align:center}
.center{text-align:center}
.pill{display:inline-block;padding:12px 22px;border-radius:999px;font-weight:900;font-size:20px}
.pill.low{background:#e7f8f0;color:#065f46}.pill.high{background:#fef2f2;color:#991b1b}
.result-images{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;justify-content:center}.result-images img{width:200px;height:130px;border-radius:12px;border:1px solid #d7ede4;background:#fff}

.footer{font-size:12px;color:#5f746c;text-align:center;margin:20px 0}
.toast{position:fixed;bottom:14px;left:14px;right:14px;background:#0a6a43;color:#fff;padding:12px 14px;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.2);display:none;z-index:9999;white-space:pre-wrap}