.check{display:flex;align-items:center;gap:10px;background:#0b1220;border:1px solid var(--line);border-radius:14px;padding:10px;margin:8px 0}.check input{width:20px;height:20px}
.checklist-card{position:relative}
.checklist-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.check-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;align-items:stretch;margin:8px 0}
.check-row .check{margin:0;min-width:0}
.check-row .check span{overflow-wrap:anywhere}
.check-remove{border:1px solid #4b5563;border-radius:13px;background:#171f2f;color:#fca5a5;font-size:1.45rem;line-height:1;cursor:pointer}
.check-remove:hover,.check-remove:focus-visible{background:#3a1720;border-color:#ef4444;color:#fff}
.check-add-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:14px}
.check-add-form input{min-width:0;border:1px solid var(--line);background:#0b1220;color:var(--text);border-radius:14px;padding:12px;font:inherit}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:520px){.check-add-form{grid-template-columns:1fr}.check-add-form button{width:100%}}

.checklist-empty{padding:.75rem 0;margin:0}
.check-remove:active{transform:scale(.96)}

.check-add-form button{border:1px solid #3b82f6;background:#17375d;color:#e0f2fe;border-radius:14px;padding:11px 16px;font:inherit;font-weight:900;cursor:pointer;touch-action:manipulation}
.check-add-form button:active{transform:scale(.98)}
.checklist-note{margin:.7rem 0 0;color:#9ca3af;font-size:.83rem}
.check input{cursor:pointer;accent-color:#38bdf8}
.check-remove{touch-action:manipulation}