#create-modal{align-items:center;justify-content:center}
#create-modal,#create-modal :is(button,input,textarea){font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#create-modal .pm-modal-overlay{display:block;background:rgba(29,25,48,.42);backdrop-filter:blur(5px)}
#create-modal .pm-modal-content{width:min(600px,calc(100vw - 28px));max-width:600px;max-height:min(760px,calc(100dvh - 36px));height:auto;display:flex;flex-direction:column;overflow:visible;border:1px solid #ece9f4;border-radius:18px;background:#fff;box-shadow:0 28px 72px rgba(31,25,57,.2);color:#292636}
#create-modal .pm-modal-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border:0;border-bottom:1px solid #f0eef5;background:#fff;border-radius:18px 18px 0 0}
#create-modal .qa-heading{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:700;color:#4e495c}
#create-modal .qa-heading h3{margin:0;font-size:14px;font-weight:700;color:#4e495c;white-space:nowrap}
#create-modal .qa-workspace-chip{min-width:0;max-width:225px;padding:6px 10px;border:1px solid #e7e3f0;border-radius:9px;background:#f8f7fc;color:#40374e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
#create-modal .qa-header-actions{display:flex;align-items:center;gap:7px;min-width:0}
#create-modal .qa-template-trigger,#create-modal .qa-close{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 9px;border:1px solid #ebe8f1;border-radius:9px;background:#fff;color:#514c60;font:600 12px inherit;cursor:pointer}
#create-modal .qa-template-trigger:hover,#create-modal .qa-close:hover{background:#f4f2ff;border-color:#dcd6ff;color:#4a3fc4}
#create-modal .qa-template-trigger .cs-icon,#create-modal .qa-close .cs-icon{width:16px;height:16px}
#create-modal .qa-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 22px 26px}
#create-modal #new-task-name{display:block;width:100%;padding:7px 0 10px;border:0!important;border-radius:0;background:transparent;box-shadow:none!important;outline:0;color:#272337;font-size:23px;font-weight:750;line-height:1.3}
#create-modal #new-task-name::placeholder{color:#a7a2b4}
#create-modal #new-task-name:focus{box-shadow:inset 0 -2px 0 #7b68ee!important}
#create-modal #create-task-error{display:none;margin:0 0 8px;color:#c24143;font-size:12px}
#create-modal #new-task-desc{display:block;width:100%;min-height:37px;height:37px;box-sizing:border-box;padding:8px 0;border:0;border-radius:0;background:transparent;color:#514b60;resize:none;outline:0;font-size:14px;font-weight:400;line-height:1.45;overflow:hidden}
#create-modal #new-task-desc::placeholder{color:#9e99aa}
#create-modal #new-task-desc:focus,#create-modal #new-task-desc.qa-expanded{min-height:142px;height:142px;padding:10px 12px;border:1px solid #dcd6ff;border-radius:10px;background:#fdfcff;overflow:auto;box-shadow:0 0 0 3px #7b68ee1c}
#create-modal .qa-chip-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0 18px}
#create-modal .qa-chip,#create-modal #new-task-due-trigger{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:34px;height:34px;box-sizing:border-box;padding:5px 10px;border:1px solid #e0dde8;border-radius:9px;background:#fff;color:#625d6d;box-shadow:none;font:600 12px/1.15 inherit;cursor:pointer;white-space:nowrap}
#create-modal .qa-chip .cs-icon,#create-modal #new-task-due-trigger .cs-icon{width:15px;height:15px;flex:none}
#create-modal .qa-chip:hover,#create-modal #new-task-due-trigger:hover{border-color:#c6bdf9;color:#4a3fc4}
#create-modal .qa-chip.qa-set,#create-modal #new-task-due-trigger.qa-set{background:#f4f2ff;border-color:#dcd6ff;color:#4a3fc4}
#create-modal .qa-chip:focus-visible,#create-modal #new-task-due-trigger:focus-visible,#create-modal button:focus-visible,#create-modal input:focus-visible{outline:2px solid #7b68ee;outline-offset:2px}
#create-modal .qa-chip span,#create-modal #new-task-due-label{overflow:hidden;text-overflow:ellipsis}
#create-modal .qa-field-storage,#create-modal #cs-create-controls{display:none!important}
#create-modal .qa-subtask-head{display:flex;align-items:center;justify-content:space-between;margin:3px 0 8px}
#create-modal .qa-subtask-head strong{font-size:13px;color:#4b4659}
#create-modal .qa-subtasks{display:grid;gap:5px}
#create-modal .qa-subtask-row{display:flex;align-items:center;gap:8px;min-width:0;padding:2px 0}
#create-modal .qa-subtask-row input[type=checkbox]{width:16px;height:16px;flex:none;accent-color:#7b68ee}
#create-modal .qa-subtask-input{display:grid;flex:1;min-width:0}
#create-modal .qa-subtask-input input{width:100%;box-sizing:border-box}
#create-modal .qa-subtask-inline-error{color:#c24143;font-size:11px;line-height:1.3}
#create-modal .qa-subtask-inline-error:empty{display:none}
#create-modal .qa-subtask-row input[type=text]{min-width:0;flex:1;padding:6px 4px;border:0;border-bottom:1px solid transparent;border-radius:0;outline:0;background:transparent;color:#352f43;font:400 13px inherit}
#create-modal .qa-subtask-row input[type=text]:focus{border-bottom-color:#7b68ee;box-shadow:none}
#create-modal .qa-subtask-row input[type=text].qa-invalid{border-bottom-color:#c24143}
#create-modal .qa-subtask-row .qa-subtask-due{display:inline-flex;align-items:center;gap:5px;flex:none;min-height:32px;padding:5px 8px;border:1px solid #ddd7e9;border-radius:8px;background:#fff;color:#6454a5;font:650 11px inherit;white-space:nowrap}
#create-modal .qa-subtask-due .cs-icon{width:14px;height:14px}
#create-modal .qa-subtask-row .qa-subtask-due:hover,#create-modal .qa-subtask-row .qa-subtask-due:focus-visible{border-color:#7b68ee;background:#f4f2ff;outline:none}
#create-modal .qa-subtask-row button{border:0;background:transparent;color:#898496;cursor:pointer}
#create-modal .qa-subtask-add{margin:7px 0 0;padding:4px 0;border:0;background:transparent;color:#6754cf;font:650 12px inherit;cursor:pointer}
#create-modal .qa-hint{margin:4px 0 0;color:#9993a4;font-size:11px}
#create-modal #qa-subtask-error{min-height:15px;margin:4px 0 0;color:#c24143;font-size:12px}
#create-modal .qa-inline-extra{display:none;margin:7px 0 0}
#create-modal .qa-inline-extra.qa-visible{display:block}
#create-modal .qa-inline-extra label{display:block;margin:0 0 5px;color:#615b6e;font-size:12px;font-weight:700}
#create-modal .qa-inline-extra label button{float:right;border:0;background:transparent;color:#8d8799;cursor:pointer;font-size:16px;line-height:1}
#create-modal .qa-inline-extra input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #e1ddeb;border-radius:10px;background:#fff;font:400 13px inherit}
#create-modal .pm-modal-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 20px calc(13px + env(safe-area-inset-bottom));border-top:1px solid #ece9f2;border-radius:0 0 18px 18px;background:#faf9fc}
#create-modal .qa-create-another{display:flex;align-items:center;gap:8px;color:#625c70;font-size:12px;cursor:pointer;white-space:nowrap}
#create-modal .qa-create-another input{width:17px;height:17px;accent-color:#7b68ee}
#create-modal .qa-footer-actions{display:flex;align-items:center;gap:8px}
#create-modal .qa-footer-actions .pm-btn-ghost{min-height:38px}
#create-modal #create-task-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:9px 14px;border:0;border-radius:9px;background:#7b68ee!important;color:#fff;font:700 13px inherit;box-shadow:none}
#create-modal #create-task-submit:hover{background:#6b58d8!important}
#create-modal .qa-shortcut{font-size:10px;opacity:.75}
#create-modal .qa-popover,#create-modal #new-task-date-popover{position:fixed;z-index:13020;left:var(--qa-pop-left,20px);top:var(--qa-pop-top,80px);width:min(310px,calc(100vw - 24px));max-height:min(440px,calc(100dvh - 32px));box-sizing:border-box;overflow:auto;padding:11px;border:1px solid #e9e3f4;border-radius:14px;background:#fff;box-shadow:0 20px 48px #2d245034;transform:none}
#create-modal .qa-popover[hidden]{display:none!important}
#create-modal #new-task-date-popover{display:none;width:min(360px,calc(100vw - 24px))}
#create-modal #new-task-date-control.open #new-task-date-popover{display:block}
#create-modal .qa-popover h4{margin:0 0 9px;color:#3e374d;font-size:13px}
#create-modal .qa-option{display:flex;align-items:center;gap:9px;width:100%;min-height:38px;padding:8px 9px;border:0;border-radius:8px;background:transparent;color:#453e53;text-align:left;font:600 12px inherit;cursor:pointer}
#create-modal .qa-option:hover,#create-modal .qa-option[aria-selected=true]{background:#f4f2ff;color:#4a3fc4}
#create-modal .qa-dot{width:10px;height:10px;border-radius:50%;flex:none}
#create-modal .qa-popover-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;padding-top:9px;border-top:1px solid #f0edf5}
#create-modal .qa-popover-tools button,#create-modal .qa-date-quick button,#create-modal .qa-time-quick button{border:1px solid #e2ddeb;border-radius:8px;background:#faf9fc;color:#575167;padding:6px 8px;font:600 11px inherit;cursor:pointer}
#create-modal .qa-date-quick,#create-modal .qa-time-quick{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 10px}
#create-modal .qa-date-quick button:hover,#create-modal .qa-time-quick button:hover{border-color:#bcb0fa;background:#f4f2ff;color:#4a3fc4}
#create-modal .qa-repeat-days{display:flex;gap:4px;margin-top:8px}
#create-modal .qa-repeat-days button{flex:1;padding:7px 0;border:1px solid #e3deed;border-radius:8px;background:#fff;color:#615a70;cursor:pointer}
#create-modal .qa-repeat-days button[aria-pressed=true]{background:#7b68ee;color:#fff;border-color:#7b68ee}
#create-modal .qa-popover input[type=text],#create-modal .qa-popover input[type=number]{box-sizing:border-box;width:100%;padding:8px;border:1px solid #ded8eb;border-radius:8px;font:400 12px inherit}
#create-modal .qa-popover input:focus{outline:2px solid #7b68ee;outline-offset:1px}
#create-modal #new-task-date-popover .pm-recurrence{display:none}
#create-modal .pm-date-nav button{background:#f4f2ff;color:#4a3fc4}
#create-modal .pm-date-nav button:hover{background:#e7e1ff}
#create-modal .pm-date-day.selected,#create-modal .pm-date-done{background:#7b68ee!important;color:#fff!important}
#cs-mobile-task-fab{display:none}
@media(max-width:760px){
  #create-modal{align-items:flex-end;padding:0}
  #create-modal .pm-modal-overlay{display:block}
  #create-modal .pm-modal-content{width:100%;max-width:none;height:auto;max-height:92dvh;border:0;border-radius:20px 20px 0 0;animation:qaSlideUp .22s ease-out}
  @keyframes qaSlideUp{from{transform:translateY(22px);opacity:.7}to{transform:translateY(0);opacity:1}}
  #create-modal .pm-modal-header{padding:13px 16px;border-radius:20px 20px 0 0}
  #create-modal .qa-workspace-chip{max-width:125px}
  #create-modal .qa-template-label{display:none}
  #create-modal .qa-scroll{padding:15px 16px 40px}
  #create-modal #new-task-name{font-size:21px}
  #create-modal .qa-chip-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding-bottom:5px;margin-bottom:13px}
  #create-modal .qa-chip-row::-webkit-scrollbar{display:none}
  #create-modal .qa-chip,#create-modal #new-task-due-trigger{flex:none}
  #create-modal .qa-subtask-row{flex-wrap:wrap}
  #create-modal .qa-subtask-input{flex-basis:calc(100% - 56px)}
  #create-modal .qa-subtask-due{margin-left:24px}
  #create-modal .pm-modal-footer{display:block;padding:10px 16px calc(11px + env(safe-area-inset-bottom));border-radius:0;background:#faf9fc}
  #create-modal .qa-footer-actions{margin-top:8px}
  #create-modal .qa-footer-cancel,#create-modal .qa-shortcut{display:none}
  #create-modal #create-task-submit{width:100%;min-height:46px;font-size:14px}
  #create-modal .qa-popover,#create-modal #new-task-date-popover{position:fixed;left:0;right:0;top:auto;bottom:0;width:100%;max-width:none;max-height:75dvh;border-radius:20px 20px 0 0;padding:16px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -18px 50px #2d245044}
  #cs-mobile-task-fab{place-items:center;position:fixed;right:16px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:9997;width:52px;height:52px;border:0;border-radius:17px;background:#7b68ee;color:#fff;box-shadow:0 8px 22px #5f4ac566;cursor:pointer}
  body:has(#pm-app:not([hidden])) #cs-mobile-task-fab{display:grid}
  #cs-mobile-task-fab .cs-icon{width:23px;height:23px}
  body:has(#create-modal[aria-hidden=false]) #cs-mobile-task-fab{display:none}
  body:has(#pm-app:not([hidden])):has(#detail-panel.open) #cs-mobile-task-fab,
  body:has(#pm-app:not([hidden])):has(.pm-modal[aria-hidden="false"]) #cs-mobile-task-fab,
  body:has(#pm-app:not([hidden])):has(.cs-plan-modal-backdrop) #cs-mobile-task-fab{display:none}
}