:root { --bg:#f6f7f9; --card:#fff; --text:#15181e; --muted:#5b6472; --accent:#1f6feb; --border:#e3e6eb; --ok:#1f9d55; --err:#c62828; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#0f1216; --card:#181c22; --text:#f1f3f6; --muted:#9aa3b2; --accent:#58a6ff; --border:#2a3038; --ok:#3ccf7a; --err:#ef5350; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; line-height:1.6; }
main { max-width:760px; margin:0 auto; padding:24px 16px 48px; }
article { background:var(--card); border-radius:16px; padding:24px 20px; box-shadow:0 2px 12px rgba(0,0,0,.06); }
h1 { margin:0 0 4px; font-size:26px; line-height:1.25; }
h2 { margin:28px 0 8px; font-size:18px; }
p, li { color:var(--text); }
.meta { color:var(--muted); font-size:14px; margin:0 0 20px; }
a { color:var(--accent); }
nav.legal { display:flex; flex-wrap:wrap; gap:8px 16px; margin:0 0 16px; font-size:14px; }
.note { background:color-mix(in srgb, var(--accent) 10%, transparent); border-left:3px solid var(--accent); padding:10px 12px; border-radius:6px; }
.aaip { color:var(--muted); font-size:13px; }
form { display:grid; gap:14px; margin-top:16px; }
label { display:grid; gap:6px; font-weight:600; font-size:15px; }
input, textarea { font:inherit; padding:10px 12px; border-radius:10px; border:1px solid var(--border); background:var(--bg); color:var(--text); width:100%; }
textarea { min-height:90px; resize:vertical; }
button { font:inherit; font-weight:600; padding:12px 16px; border:0; border-radius:10px; background:var(--accent); color:#fff; cursor:pointer; }
button:disabled { opacity:.6; cursor:default; }
.result { padding:12px; border-radius:10px; display:none; }
.result.ok { display:block; background:color-mix(in srgb, var(--ok) 12%, transparent); border:1px solid var(--ok); }
.result.err { display:block; background:color-mix(in srgb, var(--err) 12%, transparent); border:1px solid var(--err); }
code.big { font-size:20px; font-weight:700; letter-spacing:1px; }