.todos { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.todos li { display: flex; align-items: center; gap: 8px; min-height: 28px; }
.todos input { width: 18px; height: 18px; accent-color: var(--green); flex: none; }
.todos .t { flex: 1; min-width: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 2px 4px; border-radius: 6px; }
.todos .t:hover { background: var(--yellow); }
.todos li.done .t { text-decoration: line-through; color: var(--ink-soft); }
.todos li.now .t { background: var(--blue); }
.todos .x { flex: none; min-width: 28px; height: 28px; color: var(--ink-soft); }
.todos .none { color: var(--ink-soft); font-size: 12px; }