:root { --fondo: #f7f5f0; --texto: #1d1d1b; --suave: #5b5a55; --aviso: #8a3b12; --aviso-fondo: #fbe9dc; }
@media (prefers-color-scheme: dark) { :root { --fondo: #151513; --texto: #ecebe6; --suave: #b3b1a9; --aviso: #ffb58a; --aviso-fondo: #3a2418; } }
body { margin: 0; background: var(--fondo); color: var(--texto); font: 16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 42rem; margin: 0 auto; padding: 2rem 1rem 4rem; }
h1 { font-size: 1.7rem; line-height: 1.2; }
h2 { font-size: 1.15rem; margin-top: 2rem; }
.borrador { background: var(--aviso-fondo); color: var(--aviso); padding: .6rem .8rem; border-radius: 6px; font-weight: 600; }
.pendiente { background: var(--aviso-fondo); color: var(--aviso); padding: 0 .3rem; border-radius: 4px; font-weight: 600; white-space: normal; }
a { color: inherit; }