Librería con listas, recomendaciones, descarga anticipada, app instalable con lectura offline y seguridad para exponerlo a internet

- Historial pasa a Librería: pestañas Leyendo, Siguiendo, Terminados, En el dispositivo y listas propias (Favoritos, Pendientes, Abandonados por defecto)
- Recomendaciones en el inicio según tus géneros más leídos (populares de MangaDex)
- Descarga anticipada de los N capítulos siguientes (opcionalmente en HD) al pasar la mitad de uno
- PWA: manifest, iconos y service worker; capítulos guardados en el dispositivo para leer sin conexión, progreso offline sincronizado después
- Seguridad: baneo de IP tras 6 intentos fallidos (configurable), IP real detrás de proxies de confianza, CSP y cabeceras, cookie Secure/HSTS en HTTPS, login sin diferencias de tiempo, registro cerrado por defecto, contraseñas de 8+, protección SSRF en el proxy de imágenes, errores 500 genéricos
- Ajustes: sección Seguridad con IPs bloqueadas, intentos recientes y la IP vista por el servidor
- LeerCapitulo: reintentos ante caídas (522/5xx), copia anterior si sigue caído y mensaje claro

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

app/public/style.css

@@ -56,7 +56,8 @@ input:focus, select:focus { border-color: var(--accent); }
 .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 14px; }
 .card { position: relative; display: block; border-radius: var(--radius); overflow: hidden; background: var(--surface); }
 .card .cover { aspect-ratio: 2 / 3; width: 100%; object-fit: cover; background: var(--surface-2); }
-.card .t { padding: 8px 10px 10px; font-size: .9rem; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
+/* Margen (no padding) para que el recorte de 2 líneas no deje asomar la 3.ª */
+.card .t { padding: 0; margin: 8px 10px 10px; font-size: .9rem; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
 .card .sub { padding: 0 10px 10px; font-size: .8rem; color: var(--muted); margin-top: -6px; }
 .bar { height: 4px; background: var(--surface-2); }
 .bar > i { display: block; height: 100%; background: var(--accent); }
@@ -306,7 +307,7 @@ body.noscroll { overflow: hidden; }
 
 /* Historial: tarjetas verticales */
 .hcard .bar { margin: 0; height: 5px; }
-.hcard .t { padding-bottom: 2px; }
+.hcard .t { margin-bottom: 4px; }
 .hcard .sub { margin-top: 0; }
 .hcard .corner { position: absolute; top: 8px; left: 8px; }
 .hdel { position: absolute; top: 6px; right: 6px; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 8px; border: 0;
@@ -328,3 +329,20 @@ body.noscroll { overflow: hidden; }
 .qpos .ic { color: var(--accent); width: 15px; height: 15px; }
 .small { font-size: .82rem; }
 @media (max-width: 640px) { .qgrid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } }
+
+/* Librería */
+.libtabs button .muted { font-size: .78rem; }
+.lhead { gap: 8px; flex-wrap: wrap; margin: -4px 0 12px; }
+.lhead .small { flex: 1; min-width: 200px; }
+.lcheck { padding: 8px 10px; border-radius: 8px; cursor: pointer; }
+.lcheck:hover { background: var(--surface-2); }
+.chapters .meta .dev .ic { color: var(--accent); }
+/* Recomendaciones: fila desplazable */
+.rhead { gap: 10px; flex-wrap: wrap; align-items: baseline; }
+.rhead h2 { margin-bottom: 4px; }
+.rhead > span.small { flex: 1; min-width: 180px; }
+.rhead .small a { color: var(--accent); }
+.recrow { display: grid; grid-auto-flow: column; grid-auto-columns: 140px; gap: 12px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x mandatory; }
+.recrow .card { scroll-snap-align: start; }
+@media (max-width: 640px) { .recrow { grid-auto-columns: 115px; gap: 10px; } }
+.banlist { display: grid; gap: 6px; margin-top: 8px; } .banlist .row { gap: 8px; flex-wrap: wrap; }