:root{--paper:#fbf8f2;--card:#fff;--ink:#1f2421;--ink-soft:#5c645f;--line:#e4ded2;--accent:#2f5d50;--accent-hover:#264c42;--accent-ink:#fbf8f2;--danger:#a2402e;--danger-tint:#f7e6e1;--font-display:"Fraunces", Georgia, serif;--font-body:"Inter", ui-sans-serif, system-ui, sans-serif;--radius-sm:6px;--radius-md:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{background:var(--paper);min-height:100vh;margin:0}button,input{font:inherit;color:inherit}.page{max-width:36rem;margin:0 auto;padding:4rem 1.25rem 6rem}.masthead{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2rem;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(2.25rem,6vw,3rem);font-weight:600;line-height:1.1}.count{color:var(--ink-soft);margin:0;font-size:.9375rem}.count strong{color:var(--ink);font-weight:600}.composer{gap:.5rem;margin-bottom:1.5rem;display:flex}.composer input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);flex:1;min-width:0;padding:.75rem .9rem}.composer input:focus-visible,button:focus-visible,.item input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.composer button{border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;padding:.75rem 1.25rem;font-weight:600}.composer button:hover:not(:disabled){background:var(--accent-hover)}.composer button:disabled,.composer input:disabled{opacity:.55;cursor:not-allowed}.notice{border-radius:var(--radius-sm);background:var(--danger-tint);color:var(--danger);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.notice p{margin:0}.quiet{text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0;text-decoration:underline}.state{border:1px dashed var(--line);border-radius:var(--radius-md);text-align:center;color:var(--ink-soft);padding:3rem 1rem}.state p{margin:0}.state-title{color:var(--ink);font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-bottom:.25rem!important}.list{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);margin:0;padding:0;list-style:none}.item{justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.item+.item{border-top:1px solid var(--line)}.item label{cursor:pointer;align-items:center;gap:.75rem;min-width:0;display:flex}.item label span{overflow-wrap:anywhere}.item input{width:1.125rem;height:1.125rem;accent-color:var(--accent);flex-shrink:0}.item[data-done=true] label span{color:var(--ink-soft);text-decoration:line-through}.remove{border-radius:var(--radius-sm);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:.25rem .5rem;font-size:.875rem}.remove:hover{background:var(--danger-tint);color:var(--danger)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=480px){.page{padding-top:2.5rem}}