:root{--bg:#faf8f4;--fg:#2a2a28;--muted:#77736b;--card:#fff;--line:#e4dfd5;--accent:#3f6b4f}@media (prefers-color-scheme:dark){:root{--bg:#161815;--fg:#ecebe6;--muted:#9a978e;--card:#20231f;--line:#33372f;--accent:#7fb18f}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,sans-serif}main{max-width:720px;margin:0 auto;padding:16px}nav{display:flex;gap:16px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}nav a{color:var(--fg);text-decoration:none;font-weight:600}nav .brand{color:var(--accent);margin-right:auto}h1{font-size:1.4rem;margin:16px 0 8px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:8px 0}.card a{color:inherit;text-decoration:none;display:block}.muted{color:var(--muted);font-size:.9rem}form.stack{display:grid;grid-gap:8px;gap:8px;margin:12px 0}button,input,select,textarea{font:inherit;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--fg)}button{background:var(--accent);color:#fff;border:0;cursor:pointer}.error,button{font-weight:600}.error{color:#b3261e}@media (prefers-color-scheme:dark){.error{color:#f2b8b5}}