:root{font-family:Segoe UI,system-ui,sans-serif;color:#172e29;background:#f3f5f2;--green:#164b3e;--muted:#65736e;--line:#dce3dd}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}
.top{display:flex;gap:12px;align-items:center;padding:16px;background:#102f28;color:#f1f6ee}
.top img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:8px}
.top h1{font-size:1.25rem;margin:0}
.eyebrow{margin:0 0 2px;font-size:.72rem;letter-spacing:.14em;font-weight:700;color:#bbcab8}
main{padding:16px;max-width:560px;margin:0 auto}
.card{background:#fff;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:10px;padding:16px;margin-bottom:14px}
.card h2{font-size:1.05rem;margin:0 0 8px}
.card p{margin:0 0 8px;line-height:1.45}
.muted{color:var(--muted);font-size:.9rem}
label{display:flex;flex-direction:column;gap:6px;font-weight:650;margin:12px 0}
input{width:100%;padding:.7rem;border:1px solid #bbcbbf;border-radius:8px}
button{border:1px solid #cbd7ce;border-radius:8px;background:#fff;padding:.75rem 1rem;min-height:44px}
.primary{background:var(--green);border-color:var(--green);color:#fff;font-weight:700;width:100%}
.primary:disabled{opacity:.55}
.error{color:#a2291f;min-height:1.2em}
#toast{position:fixed;left:16px;right:16px;bottom:16px;background:#163f32;color:#fff;padding:12px 14px;border-radius:8px}
.camera-launch{position:relative;display:block;margin:12px 0;padding:.75rem 1rem;border-radius:8px;background:var(--green);color:#fff;text-align:center;font-weight:700}
.camera-launch input{position:absolute;inset:0;width:100%;height:100%;opacity:0}