.todo-view{max-width:740px;margin-top:24px}.todo-entry{display:flex;align-items:center;gap:11px;padding:9px 11px;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 3px 12px #242a2208}.todo-entry-icon{width:24px;height:24px;border:1px solid #c9d8cd;border-radius:50%;display:grid;place-items:center;color:#56836a;font-size:16px;flex:none}.todo-entry input[type=text]{flex:1;min-width:90px;border:0;outline:0;background:transparent;font-size:12px}.todo-entry input[type=text]::placeholder{color:#a5aaa1}.todo-entry input[type=date]{width:130px;padding:6px;border:1px solid var(--line);border-radius:4px;background:var(--surface-soft);color:var(--muted);font:10px 'DM Mono',monospace}.todo-add-button{height:30px;padding:0 10px;border-radius:4px;background:#246c5d;color:white;font-size:10px;font-weight:600;white-space:nowrap}.todo-add-button span{margin-left:6px;color:#c2d8cc;font:9px 'DM Mono',monospace}.todo-summary{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 8px;padding-bottom:9px;border-bottom:1px solid var(--line);color:#858b81;font-size:10px}.todo-summary .plain-link{font-size:9px}.todo-list{display:grid}.todo-item{display:flex;align-items:center;gap:12px;min-height:54px;padding:8px 6px;border-bottom:1px solid var(--line);animation:rise .2s both}.todo-check{width:18px;height:18px;border:1px solid #c6cec3;border-radius:50%;display:grid;place-items:center;color:white;font-size:11px;flex:none}.todo-check:hover{border-color:#629073;background:#edf3ee;color:#4a7b5b}.todo-copy{min-width:0;flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.todo-copy small{color:#93998f;font:9px 'DM Mono',monospace;white-space:nowrap}.todo-item.completed .todo-check{background:#548569;border-color:#548569}.todo-item.completed .todo-copy span{text-decoration:line-through;color:#a0a59c}.todo-delete{width:27px;height:27px;border-radius:4px;color:#a0a59c;font-size:17px;opacity:0}.todo-item:hover .todo-delete,.todo-delete:focus-visible{opacity:1}.todo-delete:hover{background:#f6e9e5;color:#b25f4e}.todo-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:62px 15px;color:#8e948a;text-align:center}.todo-empty>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e7eee8;color:#588168;font-size:18px}.todo-empty strong{font:18px Newsreader,serif;color:#545b51}.todo-empty small{font-size:10px;color:#999e95}.hidden.todo-view{display:none}body.dark .todo-entry{background:#282e2a;border-color:var(--line);box-shadow:none}body.dark .todo-entry input[type=date]{background:#242a26;border-color:var(--line);color:#b1b9ae}body.dark .todo-entry-icon{border-color:#425849;color:#a2c4a9}body.dark .todo-check{border-color:#566259}body.dark .todo-check:hover{background:#344439;color:#abd0b1}body.dark .todo-item.completed .todo-check{background:#548569;border-color:#548569}body.dark .todo-empty>span{background:#334338;color:#9bc1a5}body.dark .todo-empty strong{color:#d5dbd2}@media(max-width:520px){.todo-entry{flex-wrap:wrap;gap:8px}.todo-entry input[type=text]{width:calc(100% - 50px);flex:none}.todo-entry input[type=date]{margin-left:35px;flex:1}.todo-add-button{margin-left:auto}.todo-copy{align-items:flex-start;flex-direction:column;gap:4px}.todo-delete{opacity:1}}