:root{--bg:#f6f7f9;--fg:#1d2430;--card:#fff;--line:#d9dee6;--accent:#1f6feb;--bad:#b42318;--ok:#067647}
@media (prefers-color-scheme:dark){:root{--bg:#14171c;--fg:#e6e9ef;--card:#1d222a;--line:#323a46;--accent:#58a6ff;--bad:#ff7b72;--ok:#56d364}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,sans-serif}
main{max-width:560px;margin:0 auto;padding:20px 16px}h1{font-size:24px}a{color:var(--accent)}
.form{display:grid;gap:14px}.form label{display:grid;gap:4px}small,.meta{color:color-mix(in srgb,var(--fg) 60%,transparent);font-size:13px}
input,textarea{font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:8px 10px;width:100%}
button{font:inherit;background:var(--accent);color:#fff;border:0;border-radius:6px;padding:10px 16px;cursor:pointer}button.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}
.check{display:flex!important;gap:8px;align-items:flex-start}.check input{width:auto;margin-top:5px}fieldset{border:1px solid var(--line);border-radius:6px}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}.errors{background:color-mix(in srgb,var(--bad) 12%,var(--card));border:1px solid var(--bad);border-radius:6px;padding:4px 12px;margin-bottom:12px}
.ok{background:color-mix(in srgb,var(--ok) 12%,var(--card));border:1px solid var(--ok);border-radius:6px;padding:8px 12px}.status{font-size:20px;font-weight:600}.msg{border-left:4px solid var(--accent);padding-left:10px}
progress{width:100%;height:10px}code{word-break:break-all}