.todo-wrap{display:flex;flex-direction:column;gap:1.1rem;margin-top:1.2rem}@media (min-width:768px){.todo-wrap{max-width:720px}}.todo-section{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:1rem 1.1rem 1.1rem;box-shadow:var(--shadow-1)}.todo-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.todo-section-title{margin:0;font-size:1.05rem;display:flex;align-items:center;gap:.5rem}.todo-progress{font-size:.8rem;font-weight:800;color:var(--accent);background:var(--accent-tint);border-radius:var(--radius-pill);padding:.1rem .55rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.todo-reset{font-size:.78rem;font-weight:700;color:#b5730d;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.todo-reset-note{margin:.2rem 0 .7rem;font-size:.73rem;color:var(--text-faint)}.todo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.todo-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .2rem;border-top:1px solid var(--border)}.todo-item:first-child{border-top:none}.todo-check{display:flex;align-items:center;gap:.6rem;flex:1 1 auto;min-width:0;cursor:pointer}.todo-check input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--accent);cursor:pointer}.todo-label{font-size:.88rem;color:var(--text);line-height:1.4}.todo-item.is-done .todo-label{color:var(--text-faint);text-decoration:line-through}.todo-remove{flex:0 0 auto;width:24px;height:24px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-dim);cursor:pointer;line-height:1}.todo-guide-link{flex:0 0 auto;font-size:.74rem;font-weight:700;color:var(--accent);text-decoration:none;white-space:nowrap;padding:.15rem .3rem}.todo-guide-link:hover{text-decoration:underline}.todo-add{display:flex;gap:.4rem;margin-top:.7rem}.todo-add input{flex:1 1 auto;min-width:0;font-size:.85rem;padding:.45rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.todo-add .btn-primary{flex:0 0 auto}.todo-foot{margin-top:1rem}.todo-guide-hero{display:flex;align-items:center;gap:.9rem;margin:.4rem 0 .8rem}.todo-guide-emoji{font-size:2.6rem;line-height:1;flex:0 0 auto}.todo-guide-kind{display:inline-block;font-size:.72rem;font-weight:800;padding:.1rem .55rem;border-radius:var(--radius-pill);color:#fff;margin-bottom:.35rem}.todo-guide-kind-daily{background:#2a9d5c}.todo-guide-kind-weekly{background:#8a5cd6}.todo-guide-title{margin:0;font-size:1.4rem}.todo-guide-sub{margin:.15rem 0 0;font-size:.85rem;color:var(--text-dim)}.todo-guide-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.todo-guide-chip{font-size:.78rem;font-weight:700;padding:.3rem .7rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-alt);color:var(--text-dim)}.todo-guide-chip-link{color:var(--accent);text-decoration:none;background:var(--surface)}.todo-guide-chip-link:hover{border-color:var(--accent)}.todo-guide-section{margin-top:1.4rem}.todo-guide-section h2{font-size:1.08rem;margin-bottom:.5rem}.todo-guide-steps{margin:0;padding-left:1.3rem;display:flex;flex-direction:column;gap:.55rem}.todo-guide-steps li{line-height:1.6}.todo-guide-list{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.4rem}.todo-guide-list li{line-height:1.6}.todo-guide-sibling-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:.6rem;gap:.6rem}.todo-guide-sibling{display:flex;align-items:center;gap:.6rem;padding:.7rem .8rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s,box-shadow .15s}.todo-guide-sibling:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-2)}.todo-guide-sibling-emoji{font-size:1.5rem;flex:0 0 auto}.todo-guide-sibling-body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.todo-guide-sibling-title{font-weight:700;font-size:.9rem}.todo-guide-sibling-sub{font-size:.76rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}