.new-task-card{width:658px;background:var(--kkan-white);border-radius:8px;box-shadow:var(--shadow-default)}.new-task-card,.new-task-content{display:flex;flex-direction:column}.new-task-content{padding:32px;gap:32px;border:1px solid var(--kkan-grey-200);border-radius:8px 8px 0 0}.new-task-header{display:flex;flex-direction:column;gap:8px}.new-task-label{font-size:14px;letter-spacing:1.68px;color:var(--kkan-grey-200);text-transform:uppercase}.new-task-label,.new-task-title-input{font-family:Berkeley Mono,monospace;font-weight:800}.new-task-title-input{font-size:24px;line-height:36px;color:var(--kkan-grey-800);border:none;outline:none;padding:0;background:transparent;width:100%;resize:none;overflow:hidden}.new-task-title-input::placeholder{color:var(--kkan-grey-400)}.new-task-meta{display:flex;gap:48px}.new-task-meta-item{display:flex;flex-direction:column;gap:12px}.new-task-project{align-items:center;border-radius:4px;display:inline-flex;flex:0 0 auto;justify-content:center;padding:6px 0;position:relative;background-color:transparent;overflow:hidden;transition:background-color .2s,padding .2s}.new-task-project.confirmed{background-color:var(--kkan-blue-50);padding:6px 12px}.new-task-project-input{font-family:Berkeley Mono,monospace;font-size:15px;font-weight:700;letter-spacing:0;line-height:24px;position:relative;white-space:nowrap;color:var(--kkan-grey-400);border:none;outline:none;background:transparent;width:auto;transition:color .2s}.new-task-project.confirmed .new-task-project-input{color:var(--kkan-blue-700)}.new-task-project-input::placeholder{color:var(--kkan-grey-400)}.new-task-project.confirmed .new-task-project-input::placeholder{color:var(--kkan-blue-400)}.new-task-project-input::selection{background-color:var(--kkan-grey-300);color:var(--kkan-grey-975)}.new-task-project-ghost-wrapper{display:inline-flex;align-items:center;white-space:nowrap}.new-task-project-ghost{pointer-events:none;white-space:pre;font-family:Berkeley Mono,monospace;font-size:15px;font-weight:700;letter-spacing:0;line-height:24px;color:var(--kkan-grey-300);opacity:.6}.new-task-project.confirmed .new-task-project-ghost{color:var(--kkan-blue-400)}.new-task-tags{display:flex;flex-wrap:wrap;gap:8px;max-width:296px}.new-task-tag{align-items:center;background-color:var(--kkan-grey-25);border-radius:54px;border:none;display:inline-flex;flex:0 0 auto;justify-content:center;padding:6px 12px;position:relative;color:var(--kkan-grey-800);font-family:Berkeley Mono,monospace;font-size:15px;font-weight:700;letter-spacing:0;line-height:24px;white-space:nowrap;cursor:pointer;transition:background .2s}.new-task-tag:hover{background:var(--kkan-grey-50)}.new-task-tag-add{width:36px;height:36px;padding:0;justify-content:center;transition:width .5s cubic-bezier(.4,0,.2,1),min-width .5s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1),background-color .5s cubic-bezier(.4,0,.2,1)}.new-task-tag-add img{filter:brightness(0) saturate(100%) invert(25%) sepia(6%) saturate(1491%) hue-rotate(182deg) brightness(94%) contrast(90%);transition:opacity .5s cubic-bezier(.4,0,.2,1)}.new-task-tag-add--active{width:auto;min-width:calc(7ch + 24px);padding:6px 12px;cursor:text}.new-task-tag-add--active img{opacity:0}.new-task-tag-input{font-family:Berkeley Mono,monospace;font-size:15px;font-weight:700;letter-spacing:0;line-height:24px;color:var(--kkan-grey-400);border:none;outline:none;background:transparent;padding:0;width:auto;min-width:7ch;opacity:0;transform:translateY(2px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.new-task-tag-input::placeholder{color:var(--kkan-grey-400)}.new-task-tag-edit{height:36px;padding:6px 12px;cursor:text}.new-task-tag-edit .new-task-tag-input{min-width:2ch;opacity:1;transform:translateY(0)}.new-task-tag-add--active .new-task-tag-input{opacity:1;transform:translateY(0)}.new-task-footer{display:flex;justify-content:flex-end;align-items:center;padding:8px;border:1px solid var(--kkan-grey-200);background:var(--kkan-white);border-radius:0 0 8px 8px;height:64px;margin-top:-1px}.new-task-actions{display:flex;gap:8px}.new-task-checkbox{display:inline-flex;padding:6px 16px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;align-self:stretch;background:transparent;border:none;border-radius:8px;font-family:Berkeley Mono,monospace;font-size:15px;font-weight:600;color:var(--kkan-grey-700);cursor:pointer;transition:all .2s;margin-right:18px}.new-task-checkbox>span{margin-right:8px}.new-task-checkbox:hover{background:var(--kkan-grey-25)}.new-task-checkbox span{color:var(--kkan-grey-700)}.new-task-checkbox img{filter:brightness(0) saturate(100%) invert(56%) sepia(8%) saturate(264%) hue-rotate(179deg) brightness(98%) contrast(91%)}.new-task-checkbox img[alt=Checked]{filter:brightness(0) saturate(100%) invert(24%) sepia(4%) saturate(2893%) hue-rotate(181deg) brightness(93%) contrast(94%)}.new-task-checkbox .new-task-create-shortcut{display:flex;align-items:center;gap:4px;padding:4px;height:27px;border:1px solid var(--kkan-grey-200);border-radius:4px;font-size:11px;font-weight:600;line-height:1}.new-task-checkbox .new-task-create-shortcut img{filter:brightness(0) saturate(100%) invert(85%) sepia(7%) saturate(684%) hue-rotate(176deg) brightness(84%) contrast(90%)}.new-task-checkbox .new-task-create-shortcut span{font-size:16px;color:var(--kkan-grey-300);line-height:1}.new-task-cancel{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 16px;align-self:stretch;border:none;border-radius:8px;font-family:Berkeley Mono,monospace;font-size:15px;font-weight:600;color:var(--kkan-grey-700);cursor:pointer;transition:all .2s}.new-task-cancel,.new-task-cancel:hover{background:var(--kkan-grey-25)}.new-task-cancel .new-task-create-shortcut{display:flex;align-items:center;gap:0;padding:4px 6px;height:27px;border:1px solid var(--kkan-grey-300);border-radius:4px;font-size:11px;font-weight:600;line-height:1}.new-task-cancel .new-task-create-shortcut span{font-size:14px;line-height:1;color:var(--kkan-grey-400)}.new-task-create{display:flex;align-items:center;gap:16px;padding:0 24px;height:48px;background:var(--kkan-blue-50);border:none;border-radius:8px;font-family:Berkeley Mono,monospace;font-size:16px;font-weight:800;color:var(--kkan-blue-600);cursor:pointer;transition:all .2s}.new-task-create:hover:not(:disabled){background:var(--kkan-blue-100)}.new-task-create:disabled{opacity:.7;cursor:not-allowed}.new-task-create-shortcut{display:flex;align-items:center;gap:0;padding:4px;height:27px;border:1px solid var(--kkan-blue-400);border-radius:4px}.new-task-create-shortcut img{filter:brightness(0) saturate(100%) invert(27%) sepia(86%) saturate(2426%) hue-rotate(211deg) brightness(99%) contrast(93%)}