*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--color-bg: #faf9f7;--color-surface: #ffffff;--color-border: #e6e4e0;--color-text: #29271f;--color-text-muted: #7a7669;--color-accent: #4f7358;--color-accent-contrast: #ffffff;--radius: 10px}@media(prefers-color-scheme:dark){:root{--color-bg: #1c1b18;--color-surface: #242320;--color-border: #38362f;--color-text: #f2f0ea;--color-text-muted: #a6a293;--color-accent: #82ab8c;--color-accent-contrast: #14201a}}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-text)}.page{max-width:80ch;margin-inline:auto;padding:2rem}.chores{max-width:40rem;display:flex;flex-direction:column;gap:2.5rem}.chores__header{display:flex;flex-direction:column;gap:.5rem}.chores__header h1{font-size:2rem;font-weight:600}.chores__subtitle{color:var(--color-text-muted);font-size:1.0625rem;line-height:1.6}.chores__section{display:flex;flex-direction:column;gap:1rem}.chores__section h2{font-size:1.125rem;font-weight:600}.chores__section-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.chores__empty{color:var(--color-text-muted);line-height:1.6;padding:1.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.chores__clear{background:none;border:none;color:var(--color-text-muted);font-size:.9375rem;cursor:pointer;padding:.25rem 0;transition:color .15s ease}.chores__clear:hover,.chores__clear:focus-visible{color:var(--color-text)}.chore-form{display:flex;flex-direction:column;gap:.5rem}.chore-form__label{font-size:.9375rem;color:var(--color-text-muted)}.chore-form__row{display:flex;gap:.75rem}.chore-form__input{flex:1;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-surface);color:var(--color-text);font-size:1rem}.chore-form__input:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.chore-form__submit{padding:.75rem 1.5rem;border:none;border-radius:var(--radius);background-color:var(--color-accent);color:var(--color-accent-contrast);font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .15s ease}.chore-form__submit:hover,.chore-form__submit:focus-visible{opacity:.9}.chore-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.chore-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);animation:chore-row-in .2s ease}@keyframes chore-row-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.chore-row__label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.chore-row__checkbox{width:1.25rem;height:1.25rem;accent-color:var(--color-accent);cursor:pointer}.chore-row__title{font-size:1rem;line-height:1.5}.chore-list--done .chore-row__title{color:var(--color-text-muted);text-decoration:line-through}.chore-row__remove{background:none;border:none;color:var(--color-text-muted);font-size:.875rem;cursor:pointer;padding:.25rem .5rem;transition:color .15s ease}.chore-row__remove:hover,.chore-row__remove:focus-visible{color:var(--color-text)}