:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#1a1a1a;--muted:#666;--borde:#ddd;--acento:#2563eb;--peligro:#dc2626;--ok:#16a34a;--tarjeta:#f7f7f8;font-family:system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121212;--fg:#eee;--muted:#999;--borde:#333;--tarjeta:#1c1c1e}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--fg);margin:0}.pantalla{max-width:480px;min-height:100vh;margin:0 auto;padding:16px 16px 84px}h1{margin:0 0 16px;font-size:1.3rem}h2{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:24px 0 8px;font-size:1rem}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:10px;margin-bottom:8px;padding:12px 14px}.tarjeta.clic{cursor:pointer}.fila{justify-content:space-between;align-items:center;gap:8px;display:flex}.chip{background:var(--borde);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.75rem;display:inline-block}.chip.vencida{background:var(--peligro);color:#fff}.chip.ok{background:var(--ok);color:#fff}.chip.acento{background:var(--acento);color:#fff}.muted{color:var(--muted);font-size:.85rem}button,input,select,textarea{font-family:inherit;font-size:16px}input,select,textarea{border:1px solid var(--borde);background:var(--bg);width:100%;color:var(--fg);border-radius:8px;margin-bottom:10px;padding:10px}label{color:var(--muted);margin-bottom:4px;font-size:.85rem;display:block}button{background:var(--acento);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 16px}button.secundario{border:1px solid var(--borde);color:var(--fg);background:0 0}button.chico{padding:6px 10px;font-size:.85rem}button:disabled{opacity:.5;cursor:default}.error{color:var(--peligro);font-size:.9rem}a{color:var(--acento)}.nav-inferior{border-top:1px solid var(--borde);background:var(--bg);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.nav-inferior a{text-align:center;color:var(--muted);flex:1;padding:10px 4px;font-size:.75rem;text-decoration:none}.nav-inferior a.activo{color:var(--acento);font-weight:600}.vacio{color:var(--muted);text-align:center;padding:24px 0}