.checklist{gap:18px;margin-top:26px;display:grid}.reset-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;display:grid}.reset-card{border-radius:var(--r-card);background:var(--hero);color:var(--hero-ink);gap:4px;padding:18px 22px 20px;display:grid}.reset-label{color:var(--hero-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:600}.reset-count{font-family:var(--display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:600;line-height:1.1}.reset-when{color:var(--hero-muted);font-size:.86rem}.checklist-section{border-radius:var(--r-card);background:var(--card);gap:14px;padding:20px 24px 22px;display:grid}.checklist-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.checklist-head h2{font-family:var(--display);margin:0;font-size:1.15rem;font-weight:600}.checklist-progress{color:var(--mist);font-variant-numeric:tabular-nums;font-size:.88rem}.checklist-clear{background:var(--card-2);height:36px;margin-left:auto;padding:0 14px;font-size:.86rem}.checklist-clear:hover:not(:disabled){background:var(--line)}.checklist-clear:disabled{opacity:.45}.checklist-done{background:var(--ok-soft);color:var(--ok);border-radius:14px;margin:0;padding:10px 14px;font-size:.9rem;font-weight:500}.checklist-group{gap:6px;display:grid}.checklist-group-label{color:var(--ink-soft);font-family:var(--body);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:600}.checklist-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.checklist-item{align-items:center;gap:4px;display:flex}.checklist-row{cursor:pointer;border-radius:14px;flex:1;align-items:center;gap:12px;min-width:0;padding:9px 12px;transition:background .12s;display:flex;position:relative}.checklist-row:hover{background:var(--card-2)}.checklist-row input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.checklist-box{width:22px;height:22px;box-shadow:inset 0 0 0 2px var(--line);color:#0000;border-radius:7px;flex:none;place-items:center;transition:background .12s,box-shadow .12s;display:grid}.checklist-box svg{stroke-width:3px;width:14px;height:14px}.checklist-row input:checked+.checklist-box{background:var(--accent);box-shadow:none;color:#fff}.checklist-row input:focus-visible+.checklist-box{outline:2px solid var(--accent);outline-offset:2px}.checklist-text{overflow-wrap:anywhere;font-size:.95rem;line-height:1.4}.checklist-item.is-done .checklist-text{color:var(--mist);text-decoration:line-through;-webkit-text-decoration-color:var(--mist);text-decoration-color:var(--mist)}.checklist-remove{width:34px;height:34px;color:var(--mist);background:0 0;flex:none}.checklist-remove:hover:not(:disabled){background:var(--card-2);color:var(--danger)}.checklist-remove svg{width:15px;height:15px}.checklist-add{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.checklist-input{background:var(--card-2);min-width:min(100%,220px);height:42px;color:var(--ink);border:none;border-radius:999px;flex:1;padding:0 16px}.checklist-input::placeholder{color:var(--mist)}.checklist-add .pill:disabled{opacity:.45}@media (prefers-reduced-motion:reduce){.checklist-row,.checklist-box{transition:none}}
