:root{--fondo:#f6f7f9;--tarjeta:#fff;--texto:#1b1f24;--suave:#6b7280;--borde:#e3e6ea;--acento:#4a3aff;--error:#c0392b}@media (prefers-color-scheme:dark){:root{--fondo:#14161a;--tarjeta:#1d2026;--texto:#e9ecf1;--suave:#9aa3af;--borde:#2b2f37;--acento:#8b80ff}}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}h1{margin:0 0 .25rem;font-size:1.5rem}.sub{color:var(--suave);margin:0 0 1.5rem;font-size:.9rem}.caja{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;max-width:380px;margin:10vh auto;padding:2rem}.panel{max-width:820px;margin:0 auto;padding:2rem 1rem}label{color:var(--suave);margin-bottom:1rem;font-size:.875rem;display:block}input{width:100%;color:var(--texto);background:var(--fondo);border:1px solid var(--borde);border-radius:8px;margin-top:.35rem;padding:.6rem .7rem;font-size:1rem;display:block}input:focus-visible,button:focus-visible{outline:2px solid var(--acento);outline-offset:2px}button[type=submit]{color:#fff;background:var(--acento);cursor:pointer;border:0;border-radius:8px;width:100%;padding:.7rem;font-size:1rem}button[type=submit]:disabled{opacity:.6;cursor:progress}.error{color:var(--error);background:color-mix(in srgb, var(--error) 10%, transparent);border-radius:8px;margin:0 0 1rem;padding:.6rem .7rem;font-size:.9rem}.migas{color:var(--suave);margin-bottom:1rem;font-size:.9rem}.migas button{color:var(--acento);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.migas button:disabled{color:var(--suave);cursor:default}.lista{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.lista li{border-bottom:1px solid var(--borde)}.lista li:last-child{border-bottom:0}.lista li>button{text-align:left;width:100%;color:var(--texto);font:inherit;cursor:pointer;background:0 0;border:0;padding:.7rem 1rem;display:block}.lista li>button:hover{background:var(--fondo)}.fichero{justify-content:space-between;gap:1rem;padding:.7rem 1rem;display:flex}.meta{color:var(--suave);font-variant-numeric:tabular-nums;font-size:.85rem}
