:root{--color-bg:#f4f6f9;--color-surface:#fff;--color-text:#14202e;--color-muted:#5b6878;--color-border:#dde3ea;--color-primary:#0f2a4a;--color-primary-contrast:#fff;--color-accent:#c77c00;--color-danger:#b42318;--radius:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#0b1622;--color-surface:#13212f;--color-text:#e6edf4;--color-muted:#9aa8b6;--color-border:#243445;--color-primary:#7fb3ec;--color-primary-contrast:#0b1622;--color-accent:#f5a524;--color-danger:#ff8a80}}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);margin:0}h1,h2,p{margin:0}a{color:inherit}.screen{max-width:640px;padding:calc(var(--space-5) + env(safe-area-inset-top)) calc(var(--space-4) + env(safe-area-inset-right)) calc(var(--space-6) + env(safe-area-inset-bottom)) calc(var(--space-4) + env(safe-area-inset-left));margin:0 auto}.screen-header{gap:var(--space-1);margin-bottom:var(--space-5);display:grid}.screen-header h1{font-size:1.6rem;line-height:1.2}.eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent);font-size:.8rem;font-weight:600}.muted{color:var(--color-muted)}.tema-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.tema-card{align-items:center;gap:var(--space-4);min-height:64px;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);-webkit-tap-highlight-color:transparent;text-decoration:none;display:flex}.tema-card:active{transform:scale(.99)}.tema-card:focus-visible,.back-link:focus-visible,.button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.tema-number{background:var(--color-primary);width:40px;height:40px;color:var(--color-primary-contrast);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.tema-body{gap:2px;display:grid}.tema-title{font-weight:600}.tema-meta{color:var(--color-muted);font-size:.85rem}.back-link{margin-bottom:var(--space-4);padding:var(--space-2) 0;color:var(--color-primary);font-weight:600;text-decoration:none;display:inline-block}.panel{gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);display:grid}.panel h2{font-size:1.1rem}.stats{gap:var(--space-3);grid-template-columns:repeat(2,1fr);margin:0;display:grid}.stats dt{color:var(--color-muted);font-size:.8rem}.stats dd{margin:0;font-size:1.4rem;font-weight:700}.button{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--color-primary);color:var(--color-primary-contrast);font-weight:600;text-decoration:none;display:inline-block}.top-bar{justify-content:flex-end;display:flex}.stat-text{overflow-wrap:anywhere;font-weight:600;font-size:1rem!important}button.button{font:inherit;cursor:pointer;border:none;justify-self:start}.button-secondary{color:var(--color-primary);box-shadow:inset 0 0 0 1.5px var(--color-primary);background:0 0}.dialog-backdrop{padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background:#00000080;place-items:end center;display:grid;position:fixed;inset:0}.dialog{gap:var(--space-4);width:100%;max-width:440px;padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius);display:grid}.dialog h2{font-size:1.2rem}.dialog-actions{justify-content:flex-end;gap:var(--space-3);display:flex}.field{gap:var(--space-1);color:var(--color-muted);font-size:.9rem;display:grid}.field input{padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font:inherit;border-radius:8px;font-size:1rem}.alert{padding:var(--space-3);border-radius:8px;font-size:.9rem}.alert-error{color:var(--color-danger);background:#c828281f}.alert-warning{background:#f5a52426}.alert-info{background:#7fb3ec26}@media (width>=600px){.dialog-backdrop{place-items:center}}