:root{--bg: #fdfaf6;--fg: #2b2018;--muted: #6b5d4f;--accent: #8a5a2b;--error: #b3261e;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--fg)}.shell{max-width:32rem;margin:0 auto;padding:2rem 1.25rem}h1{margin:0 0 1rem;font-size:1.75rem;color:var(--accent)}.muted{color:var(--muted)}.error{color:var(--error)}code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.85em;word-break:break-all}.card{display:flex;flex-direction:column;gap:.75rem}.card label{font-weight:600}.card input{padding:.6rem .7rem;font:inherit;color:inherit;background:transparent;border:1px solid var(--muted);border-radius:.5rem}.card input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.card button{align-self:flex-start;padding:.6rem 1.1rem;font:inherit;font-weight:600;color:var(--bg);background:var(--accent);border:none;border-radius:.5rem;cursor:pointer}.card button:disabled{opacity:.55;cursor:not-allowed}.todo h2{margin:0 0 .5rem;font-size:1.25rem}.empty-state{color:var(--muted)}@media(prefers-color-scheme:dark){:root{--bg: #1b1611;--fg: #f2ebe2;--muted: #b6a892;--accent: #e0a86b;--error: #f2b8b5}}