:root { --bg:#f7f5f2; --card:#fff; --ink:#1f2328; --muted:#5d6670; --brand:#8a5530; --ok:#1d7a3a; --bad:#b42318; --line:#ddd6cf; }
@media (prefers-color-scheme: dark) { :root { --bg:#16181b; --card:#1f2226; --ink:#eceff2; --muted:#a2abb5; --brand:#d39a6a; --ok:#5fd18a; --bad:#ff8a80; --line:#33383e; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif; }
main { max-width:34rem; margin:0 auto; padding:2rem 1rem; }
h1 { font-size:1.5rem; margin:0 0 .5rem; }
.lead { color:var(--muted); margin:0 0 1.5rem; }
form { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:1.25rem; display:grid; gap:1rem; }
label { display:grid; gap:.35rem; font-weight:600; }
label.check { display:flex; gap:.5rem; align-items:center; font-weight:400; }
.opt { font-weight:400; color:var(--muted); }
input[type=text], input[type=password], textarea, input[type=file] { width:100%; font:inherit; color:inherit; background:transparent; border:1px solid var(--line); border-radius:8px; padding:.6rem; }
button { font:inherit; font-weight:700; background:var(--brand); color:#fff; border:0; border-radius:8px; padding:.8rem; cursor:pointer; }
button[disabled] { opacity:.6; cursor:wait; }
#status.ok { color:var(--ok); } #status.bad { color:var(--bad); }