:root{--paper:#EEF1EB;--surface:#F7F8F4;--ink:#15192E;--ink2:#4B5168;--line:#CDD5CA;--bordo:#7A1F35;--cover:#5E1628;--foil:#E2C47A;--ok:#1F6E50;--danger:#B3261E}
@media (prefers-color-scheme:dark){:root{--paper:#12141F;--surface:#1A1D2B;--ink:#ECEFE8;--ink2:#A9AEC0;--line:#2A2E40;--bordo:#E07A90;--ok:#4CC49A;--danger:#F2766B}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 "Plus Jakarta Sans",system-ui,-apple-system,sans-serif}
header{background:linear-gradient(135deg,#7A1F35,#5E1628);color:#F3E7EA;padding:40px 20px 32px}
header .w,main{max-width:720px;margin:0 auto}
header a{color:var(--foil);text-decoration:none;font:600 28px/1.2 Newsreader,Georgia,serif}
header p{margin:8px 0 0;opacity:.85}
nav{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}
nav a{font:500 14px/1 "Plus Jakarta Sans",sans-serif;color:#F3E7EA;opacity:.9}
main{padding:32px 20px 64px}
h1{font:600 34px/1.2 Newsreader,Georgia,serif;margin:0 0 4px}
h2{font:600 20px/1.3 Newsreader,Georgia,serif;margin:32px 0 8px}
p{margin:0 0 12px;color:var(--ink2)}
.muted{color:var(--ink2);font-size:14px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;margin:16px 0}
label{display:block;font-weight:500;margin:12px 0 6px}
input{width:100%;font:inherit;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
button{margin-top:16px;font:600 16px/1 inherit;padding:14px 20px;border:0;border-radius:10px;background:var(--bordo);color:#fff;cursor:pointer;width:100%}
button.danger{background:var(--danger)}
button:disabled{opacity:.5}
a{color:var(--bordo)}
.msg{margin-top:12px;font-weight:500}
.ok{color:var(--ok)} .err{color:var(--danger)}
footer{max-width:720px;margin:0 auto;padding:0 20px 40px;color:var(--ink2);font-size:13px}
:focus-visible{outline:3px solid var(--bordo);outline-offset:2px}