.task-checklist-inline .task-checklist-inline-add {
  display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:12px 0 0;
  border-top:1px solid var(--line, #ffffff14);width:100%;box-sizing:border-box;
}
.task-checklist-inline .task-checklist-inline-add input {
  appearance:none;flex:1 1 0;min-width:0;width:100%;height:42px;margin:0;
  box-sizing:border-box;padding:0 13px;border:1px solid var(--line,#ffffff20);
  border-radius:10px;background:var(--surface,#191a1e);color:var(--text,#eee);
  font:inherit;font-size:13px;line-height:1.4;outline:none;
  transition:border-color .15s,box-shadow .15s;
}
.task-checklist-inline .task-checklist-inline-add input::placeholder {color:var(--muted,#97949f);opacity:1}
.task-checklist-inline .task-checklist-inline-add input:focus {border-color:#9480ef;box-shadow:0 0 0 3px #9480ef20}
.task-checklist-inline .task-checklist-inline-add button {
  appearance:none;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  height:42px;min-width:105px;margin:0;padding:0 18px;border:1px solid #9480ef70;
  border-radius:10px;background:#705adb;color:#fff;font:inherit;font-size:13px;
  font-weight:650;cursor:pointer;transition:background .15s;
}
.task-checklist-inline .task-checklist-inline-add button:hover {background:#806ae7}
.task-checklist-inline .task-checklist-inline-add button:focus-visible {outline:2px solid #b9a9ff;outline-offset:3px}
.task-checklist-inline .task-checklist-inline-add button:disabled {opacity:.55;cursor:wait}
@media(max-width:480px){
  .task-checklist-inline .task-checklist-inline-add{flex-direction:column;align-items:stretch}
  .task-checklist-inline .task-checklist-inline-add input{flex:auto}
  .task-checklist-inline .task-checklist-inline-add button{width:100%}
}