:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f8fafc;--fg:#0f172a;--muted:#475569;--card:#fff;--line:#cbd5e1;--accent:#2563eb;--on-accent:#fff;--danger:#b91c1c;--focus:#1d4ed8}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f172a;--fg:#f1f5f9;--muted:#a7b4c7;--card:#1e293b;--line:#475569;--danger:#fca5a5;--focus:#93c5fd}}@media (prefers-contrast:more){:root{--line:currentColor;--muted:var(--fg)}input,button,li{border-width:2px!important}}*{box-sizing:border-box}html,body{overscroll-behavior:none;margin:0;position:fixed;inset:0;overflow:hidden}body{background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;font:1rem/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:34rem;height:100%;padding:max(1.5rem, env(safe-area-inset-top)) 1rem max(1.5rem, env(safe-area-inset-bottom));flex-direction:column;margin-inline:auto;display:flex}header{justify-content:space-between;align-items:baseline;gap:1rem;margin-block-end:1rem;display:flex}h1{margin:0;font-size:clamp(1.75rem,1.4rem + 1.5vw,2.25rem);line-height:1.2}.count{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.9375rem}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}form{gap:.5rem;display:flex}input[type=text],form input{min-width:0;min-height:2.75rem;font:inherit;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:.5rem;flex:1;padding:.5rem .75rem}input::placeholder{color:var(--muted);opacity:1}input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}button{font:inherit;cursor:pointer;border:0;border-radius:.5rem;min-width:2.75rem;min-height:2.75rem}.primary{background:var(--accent);color:var(--on-accent);padding:.5rem 1.25rem;font-weight:600}.primary:active{transform:scale(.97)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}ul{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;margin:1rem 0 0;padding:0 0 .25rem;list-style:none;overflow-y:auto}li{background:var(--card);border:1px solid var(--line);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.25rem;margin-block-end:.5rem;padding-inline:.75rem .25rem;animation:.18s ease-out in;display:flex}li label{overflow-wrap:anywhere;cursor:pointer;flex:1;align-items:center;gap:.75rem;min-width:0;min-height:3rem;padding-block:.5rem;display:flex}li input{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--accent);flex:none;margin:0}li.done span{color:var(--muted);text-decoration:line-through}.x{color:var(--muted);background:0 0;place-items:center;display:grid}.x:hover{color:var(--danger)}.link{color:inherit;background:0 0;padding:0 .5rem;text-decoration:underline}.empty,.err{text-align:center;color:var(--muted);margin:1rem 0 0}.err{color:var(--danger);font-weight:500}.err .link{color:var(--fg)}@keyframes in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}