.todo-content{width:min(900px,100% - 64px);margin:32px auto 100px}.todo-content h1{margin:0 0 10px;font-size:28px}.todo-description{color:var(--text-muted);font-size:var(--fs-base);line-height:1.6}.todo-add,.todo-edit-actions{flex-wrap:wrap;align-items:end;gap:10px;margin:20px 0;display:flex}.todo-edit label{font-size:var(--fs-sm);flex-direction:column;gap:6px;min-width:0;display:flex}.todo-page input:not([type=checkbox]),.todo-page textarea,.todo-page select{font:inherit;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);color:inherit;box-sizing:border-box;width:100%;min-width:0;padding:9px}.todo-page select{max-width:100%}.todo-add input{flex:1;min-width:120px!important}.todo-content button{font-size:var(--fs-sm);border-radius:var(--r-md);padding:9px}.todo-content button:disabled{opacity:.5;cursor:default}.todo-error{border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--fs-base);margin:20px 0;padding:14px}.todo-tasks{margin:20px 0;padding:0;list-style:none}.todo-task{border-bottom:1px solid var(--border);min-width:0;padding-block:10px}.todo-task-line{align-items:start;gap:9px;min-width:0;display:flex}.todo-task-line input{flex:none;margin-top:12px}.todo-task-title{text-align:left;overflow-wrap:anywhere;flex:1;min-width:0}.todo-task-title.completed{color:var(--text-muted);text-decoration:line-through}.todo-task-line time{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap;padding-top:11px}.todo-notes{font-size:var(--fs-sm);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-muted);margin:4px 0 4px 30px}.todo-edit{gap:12px;margin:12px 0 12px 28px;display:grid}.todo-edit textarea{resize:vertical;min-height:90px}.todo-edit-actions{margin:0}.todo-edit-actions .danger{margin-left:auto}@media (width<=700px){.todo-content{width:calc(100% - 28px);margin-top:22px}.todo-content button{min-height:44px}.todo-task-line{flex-wrap:wrap}.todo-task-line time{width:100%;padding:0 0 0 30px}.todo-edit{margin-left:8px}}.todo-list-section{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg);margin-top:18px;scroll-margin-top:20px}.todo-list-heading{border-bottom:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--bg);align-items:center;gap:8px;padding:10px 14px;display:flex}.todo-list-section h2{min-width:0;font-size:var(--fs-md);overflow-wrap:anywhere;flex:1;margin:0;font-weight:650}.todo-page .todo-list-filter{border-radius:var(--r-md);width:auto;height:28px;font-size:var(--fs-sm);color:var(--text-secondary);flex:none;padding:0 4px 0 7px}.todo-list-delete{border-radius:var(--r-md);width:28px;height:28px;color:var(--text-muted);flex:none;justify-content:center;align-items:center;display:inline-flex;padding:0!important}.todo-list-delete:hover:not(:disabled){background:var(--hover);color:var(--text)}.todo-list-body{padding:4px 14px 12px}.todo-list-body>[role=alert]{font-size:var(--fs-base);margin-top:12px}.todo-content .todo-task-title{font-size:var(--fs-lg)}.todo-empty-message{font-size:var(--fs-sm);color:var(--text-muted)}.todo-tasks{margin:0}.todo-task:last-child{border-bottom:0}.todo-task-line input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);margin-top:11px}.todo-list-body .todo-task-add{border-top:1px solid var(--border);align-items:center;gap:6px;margin:0;padding-top:10px}.todo-page .todo-task-add input{font-size:var(--fs-sm);padding:6px 9px}.todo-content .todo-task-add button{min-height:28px;font-size:var(--fs-xs);padding:5px 10px}.todo-tasks:empty+.todo-task-add,.todo-list-body>:first-child.todo-task-add{border-top:0}.todo-page .todo-list-rename{width:auto;height:30px;font-size:var(--fs-md);flex:1;padding:0 8px;font-weight:650}@media (width<=700px),(pointer:coarse){.todo-content .todo-task-add button{min-height:44px;font-size:var(--fs-sm);padding:9px 12px}.todo-page .todo-task-add input{min-height:44px;font-size:var(--fs-base);padding:9px}}