:root{--bg:#f6f7f5;--card:#fff;--ink:#1f2a2e;--sub:#5b676c;--line:#dde3e0;--brand:#00897a;--brand-ink:#fff;--req:#d9534f;--on:#e6f5f2;--err:#fff1f0;--err-line:#e0a3a0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#121615;--card:#1b2120;--ink:#e6ecea;--sub:#9aa7a4;--line:#2f3836;--brand:#1fa593;--on:#173a35;--err:#3a1f1e;--err-line:#7a3b38}}
:root[data-theme="dark"]{--bg:#121615;--card:#1b2120;--ink:#e6ecea;--sub:#9aa7a4;--line:#2f3836;--brand:#1fa593;--on:#173a35;--err:#3a1f1e;--err-line:#7a3b38}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 "Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif;-webkit-text-size-adjust:100%}
.top{position:sticky;top:0;z-index:2;background:var(--card);border-bottom:1px solid var(--line);padding:10px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.brand{font-weight:700;font-size:15px}
.steps{display:flex;gap:6px}.steps span{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-size:13px;color:var(--sub)}
.steps span.on{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
main{max-width:680px;margin:0 auto;padding:16px}
h1{font-size:20px;line-height:1.5;margin:8px 0 12px}
.intro p{margin:0 0 8px;font-size:14px;color:var(--sub);overflow-wrap:anywhere}
.sec{border:0;margin:0;padding:0}.sec legend{font-size:18px;font-weight:700;padding:0;margin:8px 0}
.desc{font-size:14px;color:var(--sub);margin:0 0 12px}
.field{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 0 12px}
.label{font-weight:700;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.req,.opt{font-size:11px;font-weight:400;color:#fff;border-radius:4px;padding:0 6px}.req{background:var(--req)}.opt{background:#8a969b}
.help{font-size:13px;color:var(--sub);margin:4px 0 8px}
input[type=text],input[type=tel],input[type=email],input[type=date],textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-top:6px}
textarea{resize:vertical}
.choices{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.choice{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:8px;padding:10px 12px;cursor:pointer;background:var(--bg)}
.choice input{margin-top:5px;width:18px;height:18px;flex:none;accent-color:var(--brand)}
.choice:has(input:checked){background:var(--on);border-color:var(--brand)}
.grow{border-top:1px dashed var(--line);padding-top:10px;margin-top:10px}.grow:first-of-type{border-top:0}
.gq{margin:0 0 6px;font-size:15px}
.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.scale .choice{flex-direction:column;align-items:center;text-align:center;font-size:13px;line-height:1.3;padding:8px 2px;gap:4px;word-break:keep-all;overflow-wrap:anywhere}
.scale .choice input{margin:0}
.photo-btn{display:inline-block;margin-top:6px}.photo-btn input{position:absolute;opacity:0;width:1px;height:1px}
.photo-btn span{display:inline-block;background:var(--brand);color:var(--brand-ink);border-radius:24px;padding:10px 20px;font-weight:700;cursor:pointer}
.photo-preview{margin-top:10px;display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.photo-preview img{max-width:180px;max-height:220px;border-radius:8px;border:1px solid var(--line)}
.consent{background:var(--card)}
.errors{background:var(--err);border:1px solid var(--err-line);border-radius:10px;padding:10px 14px;margin:0 0 12px;font-size:14px}.errors p{margin:0;font-weight:700}.errors ul{margin:6px 0 0;padding-left:20px}
.nav{display:flex;gap:10px;justify-content:space-between;margin:16px 0 40px}
button{font:inherit;font-weight:700;border:0;border-radius:24px;padding:12px 28px;background:var(--brand);color:var(--brand-ink);cursor:pointer}
button.sub{background:transparent;color:var(--ink);border:1px solid var(--line)}
button[disabled]{opacity:.6}
#next,#submit{margin-left:auto}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
#done{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}
@media (max-width:420px){.scale .choice{font-size:12px}}
.ct-start{margin-top:8px}
.ct{margin-top:10px}
.ct-head,.ct-row{display:grid;grid-template-columns:1fr 1fr 44px;gap:6px;align-items:center}
.ct-head{font-size:12px;color:var(--sub);font-weight:700;padding:0 4px 4px}
.ct-row{border:1px solid var(--line);border-radius:8px;padding:8px 4px 8px 8px;margin-bottom:4px;font-size:13px;line-height:1.4;background:var(--bg);cursor:pointer}
.ct-row input{width:22px;height:22px;justify-self:center;accent-color:var(--brand)}
.ct-row:has(input:checked){background:var(--err);border-color:var(--err-line)}
.ct-done{margin-top:8px}
.ct.locked .ct-row{cursor:default;opacity:.85}