:root{--font-family:Nunito;--font-size-sm:0.875rem;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:1rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--transition-speed:0.2s ease}body{font-family:var(--font-family)}.new-task-modal{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(to right,var(--main_1) 0,var(--main_1) 65%,var(--main_2) 65%,var(--main_2) 100%);border-radius:var(--border-radius-lg);box-shadow:0 20px 40px rgba(0,0,0,.15);display:flex;flex-direction:column;height:min(90vh,746px);left:50%;min-height:400px;min-width:320px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(90vw,916px);z-index:999}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-60%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.new-task-body{background:linear-gradient(to right,var(--text_light_4) 65%,var(--text_light_3) 35%);display:flex;flex:1;overflow:hidden;position:relative}.new-task-content{flex:0 0 65%;flex-direction:column;padding:var(--spacing-xl)}.new-task-column,.new-task-content{display:flex;min-width:0;overflow-x:hidden;overflow-y:auto;position:relative}.new-task-column{flex:0 0 35%;flex-direction:column;gap:var(--spacing-md);justify-content:flex-start;padding:var(--spacing-md)}.new-task-input{background:none;border:.5px solid transparent;border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--text_dark_0);font-family:var(--font-family);font-size:var(--font-size-sm);font-style:normal;font-weight:500;line-height:140%;min-width:0;padding:var(--spacing-sm);text-align:left;transition:all var(--transition-speed);width:80%}.new-task-input:hover{background:var(--main_3);transform:translateY(-1px)}.new-task-input.no-hover-border:hover{border-color:transparent}.new-task-input::-moz-placeholder{color:var(--text_dark_3);font-size:var(--font-size-sm);font-style:normal;font-weight:500;line-height:140%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-task-faded-text,.new-task-input::placeholder{color:var(--text_dark_3);font-size:var(--font-size-sm);font-style:normal;font-weight:500;line-height:140%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-task-title{color:var(--text_dark_0);font-size:clamp(16px,2vw,20px);font-weight:600;padding-bottom:clamp(16px,2vw,32px);word-wrap:break-word;min-width:0}.new-task-buttons{display:flex;flex-direction:row;gap:var(--spacing-sm);justify-content:space-between;margin-top:var(--spacing-sm);min-width:0}.new-task-add-btn,.new-task-cancel-btn{align-items:center;border-radius:var(--border-radius-md);cursor:pointer;display:flex;flex:0 1 auto;font-family:var(--font-family);font-size:16px;font-weight:500;height:40px;justify-content:center;min-width:32px;overflow:hidden;padding:var(--spacing-sm);text-overflow:ellipsis;transition:all var(--transition-speed);white-space:nowrap;width:calc(50% - 8px)}.new-task-cancel-btn{background-color:var(--text_light_4);border:1px solid #979797;color:var(--text_dark_3)}.new-task-cancel-btn:hover{background:var(--text_light_1)}.new-task-add-btn{background:var(--purple_idle);border:none}.new-task-add-btn:hover{background:var(--purple_hover)}.custom-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--text_light_3);border:none;border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--text_dark_1);cursor:pointer;font-family:var(--font-family);font-size:clamp(12px,1.5vw,14px);min-width:0;padding:var(--spacing-sm);transition:border-color var(--transition-speed);width:100%}.custom-dropdown:hover{border:.5px solid var(--text_dark_4)}.event-type-container{background:linear-gradient(to right,var(--text_light_4) 65%,var(--text_light_3) 35%);border-bottom:1px solid #c5c5c5;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1.625rem;justify-content:flex-start;padding:clamp(16px,2vw,24px) clamp(16px,2vw,32px) 0;width:100%}.event-type,.event-type-container{margin-bottom:0;min-width:0;position:relative}.event-type{background:none;border:none;color:var(--text_dark_3);cursor:pointer;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:140%;overflow:hidden;padding-bottom:var(--spacing-sm);text-align:center;text-overflow:ellipsis;transition:color .3s ease,font-weight .3s ease;white-space:nowrap;z-index:5}.event-type:hover{color:var(--purple_hover)}.event-type.selected{color:var(--purple_idle);font-weight:900;position:relative;text-decoration:none}.event-type-container:after{background:var(--purple_idle);border-radius:1.5px 1.5px 0 0;bottom:-1px;content:"";height:3px;left:var(--underline-left,0);opacity:0;position:absolute;transform:scaleX(0);transform-origin:left center;transition:all .4s cubic-bezier(.4,0,.2,1);width:var(--underline-width,0)}.event-type-container.has-selection:after{opacity:1;transform:scaleX(1)}.sub-tasks-container{margin-bottom:2rem;margin-top:var(--spacing-md);min-width:0}.sub-tasks{max-height:min(150px,30vh);overflow-y:auto}.sub-task,.sub-tasks{margin-bottom:var(--spacing-sm);min-width:0}.sub-task{align-items:center;display:flex;gap:var(--spacing-sm)}.sub-task-input{background:transparent;box-sizing:border-box;color:var(--text_dark_0);font-family:var(--font-family);font-size:var(--font-size-sm);font-style:normal;font-weight:500;line-height:140%;min-width:0;padding:var(--spacing-sm);transition:border-color var(--transition-speed);width:100%}.sub-task-input.strikethrough{opacity:.5;text-decoration:line-through}.sub-task-input:focus{border:transparent;outline:none}.add-misc-btn{color:var(--text_dark_3);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;line-height:140%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-panel-text{color:var(--text_dark_0)}.right-panel-faded-text,.right-panel-text{background-color:transparent;font-family:var(--font-family);font-size:var(--font-size-sm);font-style:normal;font-weight:500;line-height:140%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-panel-faded-text{color:#828282}.separator-line{background:var(--text_dark_4);height:.5px;margin:clamp(8px,1vw,16px) auto;min-width:0;width:100%}.toggle-switch{cursor:pointer;display:inline-block;height:20px;position:relative;width:36px}.toggle-bg{border:1px solid #d1d5db;border-radius:10px;height:100%;transition:all .3s ease;width:100%}.toggle-bg.off{background-color:var(--text_light_4)}.toggle-bg.on{background-color:var(--purple_idle);border:var(--main_1)}.toggle-circle{border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.2);height:16px;left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:16px}.toggle-circle.off{background-color:#d1d5db;transform:translateY(-50%) translateX(0)}.toggle-circle.on{background-color:var(--main_1);transform:translateY(-50%) translateX(16px)}.custom-scrollbar{scrollbar-color:var(--text_dark_3) transparent;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--text_dark_3);border-radius:20px}