:root { --bg:#f4f2ee; --text:#17161a; --muted:#6c6873; --line:#ddd8cf; --accent:#ff4f2b; --surface:#fff; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg:#0e0f13; --text:#f2f0ec; --muted:#9a97a3; --line:#2d2e37; --accent:#ff6a48; --surface:#17181e; } }
:root[data-theme="dark"] { --bg:#0e0f13; --text:#f2f0ec; --muted:#9a97a3; --line:#2d2e37; --accent:#ff6a48; --surface:#17181e; }
body { margin:0; background:var(--bg); color:var(--text); font:15px/1.65 Inter, system-ui, sans-serif; }
main { max-width:720px; margin:0 auto; padding:28px 16px 60px; }
a { color:var(--accent); } h1 { font:700 28px/1.2 "Space Grotesk", system-ui, sans-serif; } h2 { font-size:17px; margin-top:28px; }
.note { color:var(--muted); font-size:13px; border-left:3px solid var(--accent); padding-left:12px; }
form { display:grid; gap:10px; margin-top:16px; }
input, textarea { font:inherit; color:inherit; background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:11px 12px; }
button { font:inherit; font-weight:600; background:var(--accent); color:#fff; border:0; border-radius:10px; padding:12px; cursor:pointer; }
.updated { color:var(--muted); font-size:13px; }