<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="robots" content="noindex, nofollow">
<title>Sesiones de Claude Code</title>
<script>
// Corre antes del primer pintado para que el tema elegido no parpadee:
// primero la preferencia guardada, si no la del sistema.
(function () {
var saved = null;
try { saved = localStorage.getItem('cs-tema'); } catch (e) {}
var dark = saved ? saved === 'dark'
: matchMedia('(prefers-color-scheme: dark)').matches;
document.documentElement.dataset.theme = dark ? 'dark' : 'light';
})();
</script>
<style>
/* Una paleta por tema y nada más: el data-theme lo pone el script de arriba
antes de pintar, así que no hace falta repetir los valores dentro de una
@media. El botón del toolbar cambia ese mismo atributo. */
:root, :root[data-theme="light"] {
--ground: #EDEEF2;
--surface: #FFFFFF;
--raised: #F6F7F9;
--ink: #14161C;
--ink-soft: #3D4250;
--muted: #6A6F7E;
--faint: #9AA0AE;
--line: #DCDEE5;
--line-soft:#E7E9EE;
--amber: #A85A16;
--amber-lo: #C98A47;
--amber-bg: rgba(168, 90, 22, 0.09);
--scrim: rgba(20, 22, 28, .38);
--shadow: 0 1px 2px rgba(20, 22, 28, .06), 0 8px 24px -12px rgba(20, 22, 28, .18);
--shadow-lg:0 24px 70px -20px rgba(20, 22, 28, .45);
--focus: #2C6FD1;
--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--mono: ui-monospace, "JetBrains Mono", "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
}
:root[data-theme="dark"] {
--ground: #0E1015;
--surface: #171A21;
--raised: #1D212A;
--ink: #DFE2EA;
--ink-soft: #B4BAC7;
--muted: #878DA0;
--faint: #666C7D;
--line: #262A34;
--line-soft:#1F232C;
--amber: #E29A4A;
--amber-lo: #8A6435;
--amber-bg: 