:root{--bg:#f5f6f8;--card:#fff;--text:#1d2330;--muted:#6b7280;--accent:#2f6fde;--error:#c62828;--today:#e8f0fe;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#14171c;--card:#1f242c;--text:#e8eaed;--muted:#9aa0a6;--accent:#8ab4f8;--error:#f28b82;--today:#233047}}*{box-sizing:border-box}body{background:var(--bg);margin:0}.page{max-width:480px;margin:0 auto;padding:16px}h1{text-align:center;font-size:1.5rem}h2{margin:0 0 8px;font-size:1rem}h2:first-letter{text-transform:uppercase}.card{background:var(--card);border-radius:12px;margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #00000014}.card.today{background:var(--today)}label{margin-bottom:12px;font-size:.9rem;display:block}input{border:1px solid var(--muted);background:var(--bg);width:100%;color:var(--text);border-radius:8px;margin-top:4px;padding:12px;font-size:1rem;display:block}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 16px;font-size:1rem}form button{width:100%}button:disabled{opacity:.6}button.link{color:var(--accent);background:0 0;padding:8px}.topbar,.week-nav{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.week-nav button{min-width:48px;font-size:1.25rem}ul{margin:0;padding:0;list-style:none}li{border-top:1px solid #7f7f7f33;justify-content:space-between;gap:8px;padding:8px 0;display:flex}li:first-child{border-top:none}.points{color:var(--muted);white-space:nowrap}.muted{color:var(--muted)}.error{color:var(--error)}:root{--success:#2e7d32}@media (prefers-color-scheme:dark){:root{--success:#81c995}}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.tabs button{background:var(--card);color:var(--text);flex:40%;padding:10px 4px;font-size:.9rem}.tabs button.active{background:var(--accent);color:#fff}li{align-items:center}select{border:1px solid var(--muted);background:var(--bg);max-width:45%;color:var(--text);border-radius:8px;padding:8px;font-size:1rem}label.checkbox{align-items:center;gap:8px;display:flex}label.checkbox input{width:auto;margin:0}button.danger{background:var(--error);width:100%}.success{color:var(--success)}button.link.danger-link{color:var(--error);padding:4px 0 4px 12px}button.full{width:100%;margin-bottom:12px}button.secondary{background:var(--card);color:var(--text);border:1px solid var(--muted)}li.chore{display:block}li.chore.inactive .chore-head{opacity:.5}.chore-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.chore-head label.checkbox{flex:1;align-items:flex-start;min-width:0;margin:0}.chore-meta{color:var(--muted);font-size:.85rem;display:block}.chore-head label.checkbox input{margin-top:3px}.chore-edit{border-top:1px dashed #7f7f7f66;margin-top:12px;padding-top:12px}.chore-edit h2{margin-top:16px}.chore-form select{width:100%;max-width:none;margin-top:4px;display:block}.chore-form .row{gap:8px;display:flex}.chore-form .row label{flex:1}.actions{gap:8px;display:flex}.actions button{flex:1}