:root{--bg:#fffdf8;--surface:#fff;--text:#1a1a1a;--muted:#3d3d3d;--primary:#1f3f6e;--primary-text:#fff;--secondary-bg:#e8eef7;--secondary-text:#1f3f6e;--border:#6b6b6b;--focus:#b35c00;--ok:#1d5c2e;--warn-bg:#fff1c2;--warn-text:#5c3d00;--error:#9b1c1c;--style-normal:#e8eef7;--style-importante:#fde7c8;--style-buena-noticia:#d9f2de;--style-urgente:#fbd5d5;--radius:16px;--gap:1.25rem;--touch:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:125%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.screen{gap:var(--gap);flex-direction:column;max-width:40rem;margin:0 auto;padding:1rem 1rem 6rem;display:flex}h1{margin:.5rem 0 0;font-size:1.6rem;line-height:1.2}h2{margin:0;font-size:1.4rem;line-height:1.25}h1:focus{outline:none}p{margin:0}.today{color:var(--muted);font-size:1.2rem}.body{font-size:1rem}.strong{font-weight:700}.caption,.row-date,.reminder-date{color:var(--muted)}.empty{background:var(--surface);border-radius:var(--radius);border:2px dashed var(--border);padding:1rem}.big-button{width:100%;min-height:var(--touch);border-radius:var(--radius);font:inherit;text-align:center;cursor:pointer;border:3px solid #0000;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.big-button .icon{font-size:1.4rem}.big-button.primary{background:var(--primary);color:var(--primary-text)}.big-button.secondary{background:var(--secondary-bg);color:var(--secondary-text);border-color:var(--secondary-text)}.big-button.quiet{background:var(--surface);color:var(--primary);border-color:var(--border)}:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.actions,.main-menu{gap:var(--gap);flex-direction:column;display:flex}.home-nav{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:var(--bg);border-top:2px solid var(--border);position:fixed;bottom:0;left:0;right:0}.home-nav .big-button{max-width:38rem;margin:0 auto}.plain-list{gap:var(--gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.message-card,.balance-box,.today-reminders,.reminder,.history li{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.message-card.highlight{border-width:4px}.style-normal{background:var(--style-normal)}.style-importante{background:var(--style-importante)}.style-buena-noticia{background:var(--style-buena-noticia)}.style-urgente{background:var(--style-urgente)}.message-row,.card-row{min-height:var(--touch);border:2px solid var(--border);border-radius:var(--radius);color:var(--text);flex-direction:column;gap:.25rem;padding:1rem 1.25rem;text-decoration:none;display:flex}.card-row{background:var(--surface)}.row-title{font-size:1.1rem;font-weight:700}.badge{background:var(--primary);color:var(--primary-text);border-radius:999px;align-self:flex-start;padding:.2rem .75rem;font-weight:700}.kind{text-transform:uppercase;letter-spacing:.05em;font-weight:700}.big-emoji{font-size:3rem;line-height:1}.photo,.card-photo{border-radius:var(--radius);width:100%;height:auto}.thumb{object-fit:cover;border-radius:calc(var(--radius) / 2);width:100%;max-height:8rem}.time{font-size:1.6rem;font-weight:700}.reminder{flex-direction:row;align-items:flex-start}.reminder-icon{font-size:2rem}.reminder-text{flex-direction:column;flex:1;gap:.5rem;display:flex}.done{color:var(--ok);font-weight:700}.amount{font-size:1.3rem;font-weight:700}.amount.big{font-size:2.4rem;line-height:1.1}.expiry.warn{border-radius:var(--radius);background:var(--warn-bg);color:var(--warn-text);padding:.75rem 1rem;font-weight:700}.spent{color:var(--muted)}.note-form{gap:var(--gap);flex-direction:column;display:flex}.money-input{align-items:center;gap:.5rem;font-size:2rem;font-weight:700;display:flex}.money{min-width:0;min-height:var(--touch);font:inherit;border:3px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);flex:1;padding:.5rem 1rem}.error{color:var(--error);font-weight:700}.confirm{gap:var(--gap);border:3px solid var(--focus);border-radius:var(--radius);background:var(--warn-bg);flex-direction:column;padding:1.25rem;display:flex}.check{min-height:var(--touch);align-items:center;gap:.75rem;display:flex}.check input{width:32px;height:32px}.x-drawing{border:2px solid var(--border);border-radius:var(--radius);background:#f1f3f4;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;overflow:hidden}.x-mark{border:4px solid var(--focus);border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-weight:700;display:inline-grid}.x-bar{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;overflow:hidden}.x-arrow{color:var(--focus);white-space:nowrap;font-weight:700}.steps{flex-direction:column;gap:.5rem;margin:0;padding-left:1.5rem;display:flex}.banner{background:var(--warn-bg);color:var(--warn-text);text-align:center;margin:0;padding:.75rem 1rem;font-weight:700}.toast{top:calc(.75rem + env(safe-area-inset-top));z-index:10;border-radius:var(--radius);background:var(--ok);color:#fff;text-align:center;max-width:38rem;margin:0 auto;padding:1rem 1.25rem;font-size:1.1rem;font-weight:700;position:fixed;left:1rem;right:1rem;box-shadow:0 4px 16px #00000040}[hidden]{display:none!important}@media (prefers-reduced-motion:no-preference){.toast{animation:.2s ease-out aparecer}@keyframes aparecer{0%{opacity:0}to{opacity:1}}}