:root { --bg:#fbfaf7; --text:#1d1b18; --muted:#6b665e; --line:#e6e1d8; --link:#8a4b1f; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#161513; --text:#ece8e1; --muted:#a39d93; --line:#2e2b27; --link:#e0a574; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text);
  font:17px/1.65 "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width:680px; margin:0 auto; padding:48px 16px 80px; }
h1 { font-weight:700; letter-spacing:-0.02em; font-size:2rem; line-height:1.2; margin:0 0 4px; }
h2 { font-weight:600; letter-spacing:-0.01em; font-size:1.15rem; margin:2.2em 0 .4em; }
.updated { color:var(--muted); margin:0 0 2em; }
a { color:var(--link); }
ul { padding-left:1.2em; }
li { margin:.25em 0; }
footer { max-width:680px; margin:0 auto; padding:24px 16px 48px; border-top:1px solid var(--line);
  color:var(--muted); font-size:.9rem; }
footer a { color:inherit; margin-right:16px; }
.form label { display:block; font-weight:500; font-size:.95rem; margin:1.1em 0 .35em; }
.form .opt { color:var(--muted); font-weight:400; }
.form input, .form select, .form textarea { width:100%; font:inherit; color:var(--text); background:transparent;
  border:1px solid var(--line); border-radius:8px; padding:10px 12px; }
.form textarea { resize:vertical; }
.form input:focus, .form select:focus, .form textarea:focus { outline:2px solid var(--link); outline-offset:-1px; border-color:transparent; }
.form button { margin-top:1.4em; font:inherit; font-weight:600; color:var(--bg); background:var(--text);
  border:0; border-radius:8px; padding:10px 20px; cursor:pointer; }
.form button:disabled { opacity:.5; cursor:default; }
.form .hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.status { min-height:1.65em; margin:.8em 0 0; }
.status.ok { color:var(--muted); }
.status.err { color:#c0392b; }
.note { color:var(--muted); font-size:.95rem; margin-top:2.5em; }