*{box-sizing:border-box}:root{--accent:#4f46e5;--accent-soft:#eef2ff;--green:#16a34a;--text:#1e1b4b;--muted:#6b7280;--border:#e5e7eb;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:linear-gradient(160deg,#eef2ff 0%,#f5f3ff 50%,#fdf2f8 100%);min-height:100vh;margin:0}.page{max-width:560px;margin:0 auto;padding:64px 20px 40px}.card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 20px 50px -20px #4f46e540,0 2px 6px #0000000a}.header h1{letter-spacing:-.02em;margin:8px 0 4px;font-size:28px}.badge{letter-spacing:.1em;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.sub{color:var(--muted);margin:0;font-size:14px}.add{gap:10px;margin:24px 0 16px;display:flex}.add input{border:1.5px solid var(--border);border-radius:12px;outline:none;flex:1;padding:13px 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.add input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.add button{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:12px;padding:0 22px;font-size:15px;font-weight:600}.add button:hover:not(:disabled){background:#4338ca}.add button:disabled{opacity:.45;cursor:not-allowed}.toolbar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.filters{gap:6px;display:flex}.chip{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:6px 12px;font-size:13px}.chip.active{background:var(--text);color:#fff;border-color:var(--text)}.link{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:13px}.link:hover{color:#dc2626}.list{margin:0;padding:0;list-style:none}.item{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 4px;display:flex}.item:last-child{border-bottom:none}.check{cursor:pointer;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.check input{opacity:0;pointer-events:none;position:absolute}.box{color:#0000;border:2px solid #c7d2fe;border-radius:7px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:13px;transition:all .15s;display:grid}.check input:focus-visible+.box{box-shadow:0 0 0 4px var(--accent-soft)}.check:hover .box{border-color:var(--accent)}.title{word-break:break-word;font-size:15px;transition:color .15s}.item.done .box{background:var(--green);border-color:var(--green);color:#fff}.item.done .title{color:#9ca3af;text-decoration:line-through}.delete{color:#9ca3af;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:8px;width:30px;height:30px;font-size:20px;line-height:1;transition:opacity .15s,background .15s,color .15s}.item:hover .delete,.delete:focus-visible{opacity:1}.delete:hover{color:#dc2626;background:#fee2e2}@media (hover:none){.delete{opacity:1}}.empty{text-align:center;color:var(--muted);margin:0;padding:20px 0 4px;font-size:14px}.footnote{text-align:center;color:var(--muted);margin-top:16px;font-size:12px}