:root{color-scheme:light dark;--color-bg: #ffffff;--color-text: #1b1b1f;--color-text-muted: #55555c;--color-accent: #8a3b12;--color-on-accent: #ffffff;--color-border: #767680;--color-error: #b3261e}@media(prefers-color-scheme:dark){:root{--color-bg: #16161a;--color-text: #f2f2f4;--color-text-muted: #b4b4bc;--color-accent: #f0a070;--color-on-accent: #16161a;--color-border: #8e8e98;--color-error: #ffb4ab}}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:system-ui,sans-serif}main{max-width:40rem;margin:0 auto;padding:1rem}h1{color:var(--color-accent)}p{color:var(--color-text-muted)}a{color:var(--color-accent)}label{display:block;margin-top:.75rem}input,select{display:block;margin-top:.25rem;padding:.5rem;font:inherit;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:.25rem}button{margin-top:1rem;padding:.5rem 1rem;font:inherit;color:var(--color-on-accent);background:var(--color-accent);border:0;border-radius:.25rem}button:disabled{opacity:.6}.error{color:var(--color-error)}.notice{color:var(--color-text);border-left:.25rem solid var(--color-accent);padding-left:.5rem}.tabs{display:flex;flex-wrap:wrap;gap:.25rem}.tabs button{margin-top:0;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border)}.tabs button[aria-selected=true]{font-weight:700;border-color:var(--color-accent)}ul.items{list-style:none;padding:0}ul.items label{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;padding:.25rem 0}ul.checked label{color:var(--color-text-muted);text-decoration:line-through}.add-item{display:flex;gap:.5rem;align-items:center}.add-item button{margin-top:.25rem}hr{border:0;border-top:1px solid var(--color-border)}