:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f4;--card:#fff;--ink:#1d2b25;--muted:#6b7a73;--line:#e3e7e2;--accent:#1f6f5f;--accent-soft:#e6f2ee;--danger:#b3261e;--radius:14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--ink);place-items:center;margin:0;line-height:1.5;display:grid}.box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;width:min(440px,100%);max-height:calc(100vh - 48px);margin:24px;padding:28px 28px 24px;display:flex}h1{letter-spacing:-.01em;margin:0 0 18px;font-size:1.35rem;font-weight:650}header{justify-content:space-between;align-items:baseline;display:flex}.hint{color:var(--muted);margin:-10px 0 18px;font-size:.92rem}form{flex-direction:column;gap:10px;display:flex}.row{flex-direction:row}.row input{flex:1}input[type=text],input[type=email],input[type=password],input:not([type]){border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:11px 13px;font-size:1rem}input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}input::placeholder{color:#9aa69f}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:11px 16px;font-size:1rem;font-weight:600}button:hover{filter:brightness(1.06)}button.link{color:var(--accent);text-underline-offset:3px;background:0 0;padding:0;font-weight:500;text-decoration:underline}ul{scrollbar-width:thin;min-height:0;margin:18px 0 0;padding:0;list-style:none;overflow-y:auto}li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}li label{cursor:pointer;flex:1;align-items:center;gap:12px;display:flex}li input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}li.done label{color:var(--muted);text-decoration:line-through}li button.link{color:var(--muted);font-size:.9rem}li:hover button.link{color:var(--danger)}.error{color:var(--danger);background:#fdecea;border-radius:10px;margin:0;padding:10px 12px;font-size:.95rem}.empty{text-align:center;background:var(--accent-soft);color:var(--accent);border-radius:10px;margin:18px 0 0;padding:18px}.switch{color:var(--muted);margin:18px 0 0;font-size:.95rem}.count{color:var(--muted);font-size:.9rem}@media (width<=480px){body{display:block}.box{border:0;border-radius:0;width:100%;min-height:100vh;max-height:100vh;margin:0;padding:24px 18px}}