:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--surface:#f7f3ec;--card:#fffdf9;--text:#2b2620;--muted:#6b6257;--accent:#2f6b4f;--accent-text:#fff;--border:#d9d0c3;--danger:#a3332b;background:var(--surface);color:var(--text);font-family:system-ui,Segoe UI,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#1d1a16;--card:#27231e;--text:#f2ece2;--muted:#b5ab9d;--accent:#7cc49f;--accent-text:#10241a;--border:#4a4239;--danger:#f08a80}}body{margin:0}.shell{max-inline-size:30rem;margin-inline:auto;padding-block:2rem;padding-inline:1rem}.shell h1{margin-block:0 1rem;font-size:2.5rem}.card{border:1px solid var(--border);background:var(--card);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.card h2,.card p{margin:0;line-height:1.6}.card label{font-weight:600}.card input{border:1px solid var(--border);background:var(--surface);min-block-size:2.75rem;color:inherit;font:inherit;border-radius:.5rem;padding-inline:.75rem}.card input[dir=ltr]{text-align:end}.card button{background:var(--accent);min-block-size:2.75rem;color:var(--accent-text);font:inherit;cursor:pointer;border:0;border-radius:.5rem;padding-inline:1rem;font-weight:600}.card button.secondary{border:1px solid var(--border);color:inherit;background:0 0}.card button.link{min-block-size:auto;color:var(--accent);background:0 0;padding:0;text-decoration:underline}.card button:disabled{opacity:.6;cursor:progress}.card [role=alert]{color:var(--danger)}.households{margin:0;padding-inline-start:1.25rem;font-size:1.25rem}.household{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.household-edit{flex-direction:column;gap:.5rem;font-size:1rem;display:flex}.household-edit .actions{gap:.5rem;display:flex}.card .offline{background:var(--surface);color:var(--muted);border-radius:.5rem;padding-block:.5rem;padding-inline:.75rem}
