:root,:root[data-theme='dark']{--bg:#0A0E1F;--bg2:#0D1330;--surf:#161E3C;--surf2:#1D2749;--line:#2A345E;--txt:#F2F5FF;--mut:#9AA6C9;
  --acc:#A3E635;--acc-rgb:163,230,53;--onacc:#142300;--ok:#22D3A6;--mal:#FB7185;color-scheme:dark}
:root[data-theme='light']{--bg:#F6F8FF;--bg2:#EDF1FB;--surf:#FFFFFF;--surf2:#F0F3FC;--line:#DBE1F0;--txt:#0E1428;--mut:#4A5578;
  --acc:#3F6212;--acc-rgb:63,98,18;--onacc:#FFFFFF;--ok:#0A7A64;--mal:#BE123C;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;background:radial-gradient(1000px 500px at 85% -10%,rgba(var(--acc-rgb),.13) 0%,transparent 60%),var(--bg);color:var(--txt);line-height:1.5;min-height:100vh}
a{color:var(--acc)}
.barra{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.logo{font-weight:700;font-size:19px;text-decoration:none;color:var(--txt)}
.acciones-barra{display:flex;gap:8px;align-items:center;margin-left:auto}
.acciones-barra form{margin:0}
.envoltura{max-width:720px;margin:0 auto;padding:20px 16px 48px}
h1{font-size:28px;margin:8px 0 12px;line-height:1.2}
.mut{color:var(--mut)}
.tarjeta{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:18px;margin:0 0 16px}
.tarjeta.estrecha{max-width:460px;margin:40px auto}
form{display:grid;gap:10px;margin:10px 0}
label{display:grid;gap:4px;font-size:14px;color:var(--mut)}
input{font:inherit;color:var(--txt);background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-height:44px;width:100%}
input:focus,button:focus,a:focus{outline:2px solid var(--acc);outline-offset:2px}
button{font:inherit;min-height:44px;padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surf2);color:var(--txt);cursor:pointer}
button.pri{background:var(--acc);color:var(--onacc);border-color:var(--acc);font-weight:600}
button.peligro{background:transparent;color:var(--mal);border-color:var(--mal)}
button.chico{min-height:36px;padding:6px 10px;font-size:14px}
.tema{min-width:44px}
.clave-campo{display:flex;gap:8px;align-items:center}.clave-campo input{flex:1;min-width:0}
.clave-campo button[hidden]{display:none}
.aviso{background:rgba(251,113,133,.12);border:1px solid var(--mal);padding:10px 12px;border-radius:10px}
.ok{background:rgba(34,211,166,.12);border:1px solid var(--ok);padding:10px 12px;border-radius:10px}
.perfil{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.foto{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid var(--line);background:var(--surf2)}
.foto-inicial{display:grid;place-items:center;font-size:40px;font-weight:700;text-transform:uppercase;color:var(--onacc);background:var(--acc)}
.pie{text-align:center;color:var(--mut);font-size:13px;padding:24px 16px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}