:root{--g:#1b6b5a;--g2:#0f4c40;--tint:#e6f2ee;--ink:#1c2b2a;--mut:#5f7270;--line:#d3e0dc;--bg:#f2f7f5;--amb:#e0a526;--bad:#b3261e}
*{box-sizing:border-box}body{margin:0;font:15px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);padding-bottom:64px}
header{background:linear-gradient(135deg,var(--g2),var(--g));color:#fff;padding:7px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}
h1{font-size:1rem;margin:0}h1 small{display:block;font-weight:400;font-size:.72rem;opacity:.85}
#status{font-size:.75rem;text-align:right}#status b{padding:2px 8px;border-radius:10px;background:#fff;color:var(--g2);font-weight:600}#status .off{color:#ffd88a}
#bar{height:4px;background:var(--line)}#bar i{display:block;height:100%;width:0;background:var(--amb);transition:width .3s}
#tabs{display:flex;overflow-x:auto;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;scrollbar-width:none}
#tabs button{flex:1 0 auto;border:0;background:none;padding:9px 12px;font:inherit;font-size:.82rem;color:var(--mut);border-bottom:3px solid transparent;white-space:nowrap}
#tabs button.on{color:var(--g2);border-color:var(--g);font-weight:700;background:var(--tint)}#tabs button.done::after{content:" ✓";color:var(--g)}
main{max-width:760px;margin:0 auto;padding:10px}h2{font-size:1rem;margin:2px 0 8px;color:var(--g2)}
.note{background:#fff6dd;border-left:4px solid var(--amb);padding:6px 10px;margin:0 0 8px;font-size:.85rem;border-radius:0 6px 6px 0}
.q{background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 11px;margin-bottom:8px;box-shadow:0 1px 2px rgba(15,76,64,.06)}.q.err{border-color:var(--bad);box-shadow:0 0 0 2px rgba(179,38,30,.25)}
.lab{font-weight:600;margin-bottom:5px;font-size:.93rem}.n{color:var(--g);margin-right:5px}.req{color:var(--bad)}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:4px}
.opt{display:flex;gap:8px;align-items:flex-start;padding:6px 9px;border:1px solid var(--line);border-radius:7px;cursor:pointer;min-height:40px;font-size:.9rem;line-height:1.3}
.opt:has(input:checked){border-color:var(--g);background:var(--tint);font-weight:600}.opt input{margin-top:2px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--g)}
input[type=text],input[type=date],textarea{width:100%;font:inherit;padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:#fff}input[type=text]{margin-top:5px}
textarea{min-height:42px;resize:vertical}.cm{margin-top:5px}.cm span{font-size:.75rem;color:var(--mut)}
footer{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:7px 10px;gap:8px}
footer button{font:inherit;padding:9px 16px;border-radius:8px;border:1px solid var(--g);background:#fff;color:var(--g2);min-height:42px}
footer button.pri{background:var(--g);color:#fff;font-weight:600}footer button:disabled{opacity:.35}#pos{font-size:.8rem;color:var(--mut)}
#toast{position:fixed;left:12px;right:12px;bottom:70px;background:var(--ink);color:#fff;padding:10px;border-radius:8px;display:none;text-align:center;z-index:9}