@charset "UTF-8";._todoContainer_6kbvh_2{width:100%;max-width:min(var(--page-max-width),100%);margin:0 auto;padding:var(--page-padding-block) var(--page-padding-inline);padding-bottom:120px;display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem);color:var(--chakra-colors-fg, #1a202c)}@media(max-width:640px){._todoContainer_6kbvh_2{padding-bottom:180px}}._todoContainer_6kbvh_2 ._header_6kbvh_18{display:flex;flex-direction:column;gap:.5rem}._todoContainer_6kbvh_2 ._header_6kbvh_18 h1{font-size:clamp(1.75rem,3vw + 1rem,2.25rem);margin:0}._todoContainer_6kbvh_2 ._header_6kbvh_18 p{font-size:clamp(.875rem,1.2vw + .7rem,1rem);color:var(--chakra-colors-muted-fg, #4a5568);margin:0}._todoContainer_6kbvh_2 ._inputSection_6kbvh_32{position:fixed;bottom:0;left:0;right:0;display:flex;gap:.75rem;align-items:flex-end;padding:1rem var(--page-padding-inline);background:var(--chakra-colors-bg, #ffffff);border-top:1px solid var(--chakra-colors-border, #cbd5e0);box-shadow:0 -4px 12px #0000001a;z-index:100}@media(max-width:640px){._todoContainer_6kbvh_2 ._inputSection_6kbvh_32{flex-direction:column;align-items:stretch;padding:.75rem var(--page-padding-inline)}}._todoContainer_6kbvh_2 ._inputSection_6kbvh_32 ._inputGroup_6kbvh_53{flex:1;display:flex;flex-direction:column;gap:.25rem}._todoContainer_6kbvh_2 ._inputSection_6kbvh_32 ._inputGroup_6kbvh_53 label{font-size:.875rem;font-weight:500;color:var(--chakra-colors-fg, #1a202c)}._todoContainer_6kbvh_2 ._inputSection_6kbvh_32 ._inputGroup_6kbvh_53 input{padding:.75rem 1rem;border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.5rem;background:var(--chakra-colors-bg, #ffffff);color:var(--chakra-colors-fg, #1a202c);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}._todoContainer_6kbvh_2 ._inputSection_6kbvh_32 ._inputGroup_6kbvh_53 input:focus{outline:none;border-color:var(--chakra-colors-primary, #2b6cb0);box-shadow:0 0 0 3px #2b6cb01a}._todoContainer_6kbvh_2 ._inputSection_6kbvh_32 ._inputGroup_6kbvh_53 input::placeholder{color:var(--chakra-colors-muted-fg, #4a5568)}._todoContainer_6kbvh_2 ._inputSection_6kbvh_32 ._inputDateTimeGroup_6kbvh_81{display:flex;gap:.5rem;align-items:flex-end}@media(max-width:640px){._todoContainer_6kbvh_2 ._inputSection_6kbvh_32 ._inputDateTimeGroup_6kbvh_81{width:100%}}._todoContainer_6kbvh_2 ._inputSection_6kbvh_32 ._inputDateTimeGroup_6kbvh_81 ._inputDateField_6kbvh_91,._todoContainer_6kbvh_2 ._inputSection_6kbvh_32 ._inputDateTimeGroup_6kbvh_81 ._inputTimeField_6kbvh_92{display:flex;flex-direction:column;gap:.25rem}._todoContainer_6kbvh_2 ._inputSection_6kbvh_32 ._inputDateTimeGroup_6kbvh_81 ._inputDateField_6kbvh_91 label,._todoContainer_6kbvh_2 ._inputSection_6kbvh_32 ._inputDateTimeGroup_6kbvh_81 ._inputTimeField_6kbvh_92 label{font-size:.75rem;font-weight:500;color:var(--chakra-colors-muted-fg, #4a5568)}._todoContainer_6kbvh_2 ._inputSection_6kbvh_32 ._inputDateTimeGroup_6kbvh_81 ._inputDateField_6kbvh_91 input,._todoContainer_6kbvh_2 ._inputSection_6kbvh_32 ._inputDateTimeGroup_6kbvh_81 ._inputTimeField_6kbvh_92 input{padding:.75rem .5rem;border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.5rem;background:var(--chakra-colors-bg, #ffffff);color:var(--chakra-colors-fg, #1a202c);font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease}._todoContainer_6kbvh_2 ._inputSection_6kbvh_32 ._inputDateTimeGroup_6kbvh_81 ._inputDateField_6kbvh_91 input:focus,._todoContainer_6kbvh_2 ._inputSection_6kbvh_32 ._inputDateTimeGroup_6kbvh_81 ._inputTimeField_6kbvh_92 input:focus{outline:none;border-color:var(--chakra-colors-primary, #2b6cb0);box-shadow:0 0 0 3px #2b6cb01a}._todoContainer_6kbvh_2 ._inputSection_6kbvh_32 ._addButton_6kbvh_119{padding:.75rem 1.5rem;background:var(--chakra-colors-primary, #2b6cb0);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease}._todoContainer_6kbvh_2 ._inputSection_6kbvh_32 ._addButton_6kbvh_119:hover{background:var(--chakra-colors-primary-hover, #2a5a9b);transform:translateY(-1px)}._todoContainer_6kbvh_2 ._inputSection_6kbvh_32 ._addButton_6kbvh_119:active{transform:translateY(0)}._todoContainer_6kbvh_2 ._inputSection_6kbvh_32 ._addButton_6kbvh_119:disabled{background:var(--chakra-colors-muted, #9ca3af);cursor:not-allowed;transform:none}._todoContainer_6kbvh_2 ._todoList_6kbvh_142{display:flex;flex-direction:column;gap:.75rem}._todoContainer_6kbvh_2 ._todoList_6kbvh_142 ._todoItem_6kbvh_147{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.75rem;background:var(--chakra-colors-bg, #ffffff);transition:border-color .2s ease}._todoContainer_6kbvh_2 ._todoList_6kbvh_142 ._todoItem_6kbvh_147._completed_6kbvh_157{background:var(--chakra-colors-success-subtle, #f0fff4);border-color:var(--chakra-colors-success, #38a169)}._todoContainer_6kbvh_2 ._todoList_6kbvh_142 ._todoItem_6kbvh_147._completed_6kbvh_157 ._todoText_6kbvh_161{text-decoration:line-through;color:var(--chakra-colors-muted-fg, #4a5568)}._todoContainer_6kbvh_2 ._todoList_6kbvh_142 ._todoItem_6kbvh_147 ._checkbox_6kbvh_165{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--chakra-colors-primary, #2b6cb0)}._todoContainer_6kbvh_2 ._todoList_6kbvh_142 ._todoItem_6kbvh_147 ._todoText_6kbvh_161{flex:1;font-size:1rem;line-height:1.5}._todoContainer_6kbvh_2 ._todoList_6kbvh_142 ._todoItem_6kbvh_147 ._deleteButton_6kbvh_176{padding:.5rem;background:transparent;border:none;color:var(--chakra-colors-error, #e53e3e);cursor:pointer;border-radius:.25rem;transition:background-color .2s ease}._todoContainer_6kbvh_2 ._todoList_6kbvh_142 ._todoItem_6kbvh_147 ._deleteButton_6kbvh_176:hover{background:var(--chakra-colors-error-subtle, #fed7d7)}._todoContainer_6kbvh_2 ._exportSection_6kbvh_188{display:flex;flex-wrap:wrap;gap:.75rem;padding:1.5rem;border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.75rem;background:var(--chakra-colors-subtle, #f7fafc)}@media(max-width:640px){._todoContainer_6kbvh_2 ._exportSection_6kbvh_188{flex-direction:column;padding:1rem}}._todoContainer_6kbvh_2 ._exportSection_6kbvh_188 ._exportButton_6kbvh_203{padding:.5rem 1rem;background:var(--chakra-colors-accent, #805ad5);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}@media(max-width:640px){._todoContainer_6kbvh_2 ._exportSection_6kbvh_188 ._exportButton_6kbvh_203{width:100%;padding:.75rem 1rem}}._todoContainer_6kbvh_2 ._exportSection_6kbvh_188 ._exportButton_6kbvh_203:hover{background:var(--chakra-colors-accent-hover, #6b46c1)}._todoContainer_6kbvh_2 ._exportSection_6kbvh_188 ._exportButton_6kbvh_203:disabled{background:var(--chakra-colors-muted, #9ca3af);cursor:not-allowed}._todoContainer_6kbvh_2 ._emptyState_6kbvh_227{text-align:center;padding:3rem 1rem;color:var(--chakra-colors-muted-fg, #4a5568)}._todoContainer_6kbvh_2 ._emptyState_6kbvh_227 ._emptyIcon_6kbvh_232{font-size:3rem;margin-bottom:1rem}._todoContainer_6kbvh_2 ._emptyState_6kbvh_227 p{font-size:1rem;margin:0}._todoContainer_6kbvh_2 ._addGroupForm_6kbvh_240{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--chakra-colors-accent-subtle, #faf5ff);border-radius:.5rem}@media(max-width:640px){._todoContainer_6kbvh_2 ._addGroupForm_6kbvh_240{flex-direction:column;gap:.75rem}}._todoContainer_6kbvh_2 ._addGroupForm_6kbvh_240 input{flex:1;padding:.5rem .75rem;border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.25rem;font-size:1rem;background:var(--chakra-colors-bg, #ffffff);color:var(--chakra-colors-fg, #1a202c);transition:border-color .2s ease,box-shadow .2s ease}@media(max-width:640px){._todoContainer_6kbvh_2 ._addGroupForm_6kbvh_240 input{width:100%}}._todoContainer_6kbvh_2 ._addGroupForm_6kbvh_240 input:focus{outline:none;border-color:var(--chakra-colors-primary, #2b6cb0);box-shadow:0 0 0 3px #2b6cb01a}._todoContainer_6kbvh_2 ._addGroupForm_6kbvh_240 input::placeholder{color:var(--chakra-colors-muted-fg, #4a5568)}._todoContainer_6kbvh_2 ._addGroupForm_6kbvh_240 button{padding:.5rem 1rem;background:var(--chakra-colors-accent, #805ad5);color:#fff;border:none;border-radius:.25rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease}@media(max-width:640px){._todoContainer_6kbvh_2 ._addGroupForm_6kbvh_240 button{width:100%;padding:.75rem 1rem}}._todoContainer_6kbvh_2 ._addGroupForm_6kbvh_240 button:hover:not(:disabled){background:var(--chakra-colors-accent-hover, #6b46c1);transform:translateY(-1px)}._todoContainer_6kbvh_2 ._addGroupForm_6kbvh_240 button:active:not(:disabled){transform:translateY(0)}._todoContainer_6kbvh_2 ._addGroupForm_6kbvh_240 button:disabled{opacity:.5;cursor:not-allowed;transform:none}._todoContainer_6kbvh_2 ._groupContainer_6kbvh_304{margin-bottom:1.5rem;padding:1rem;border:2px solid var(--chakra-colors-border, #cbd5e0);border-radius:.75rem;background:var(--chakra-colors-bg-subtle, #f7fafc);transition:all .2s ease}@media(max-width:640px){._todoContainer_6kbvh_2 ._groupContainer_6kbvh_304{padding:.75rem;margin-bottom:1rem}}._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-bottom:1rem;background:var(--chakra-colors-bg, #ffffff);border-radius:.5rem;border:1px solid var(--chakra-colors-border, #cbd5e0)}@media(max-width:640px){._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318{padding:.5rem .75rem;gap:.5rem;flex-wrap:wrap}}._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._groupDragHandle_6kbvh_335{display:flex;align-items:center;justify-content:center;color:var(--chakra-colors-muted-fg, #4a5568);cursor:grab;font-size:1.125rem;padding:.25rem;transition:color .2s ease}@media(max-width:640px){._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._groupDragHandle_6kbvh_335{font-size:1.375rem;padding:.75rem;margin:-.5rem 0;min-width:44px;min-height:44px}}._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._groupDragHandle_6kbvh_335:hover{color:var(--chakra-colors-fg, #1a202c)}._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._groupDragHandle_6kbvh_335:active{cursor:grabbing}._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._groupInfo_6kbvh_360{flex:1;min-width:0}._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._groupInfo_6kbvh_360 h3{margin:0;font-size:1.125rem;font-weight:600;-webkit-user-select:none;user-select:none;word-wrap:break-word;overflow-wrap:break-word}@media(max-width:640px){._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._groupInfo_6kbvh_360 h3{font-size:1rem}}._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._groupInfo_6kbvh_360 h3 ._todoCount_6kbvh_377{color:var(--chakra-colors-muted-fg, #4a5568);font-weight:400;font-size:.9rem}@media(max-width:640px){._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._groupInfo_6kbvh_360 h3 ._todoCount_6kbvh_377{font-size:.8rem}}._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._groupInfo_6kbvh_360 ._editableGroup_6kbvh_387{cursor:pointer;transition:color .2s ease}._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._groupInfo_6kbvh_360 ._editableGroup_6kbvh_387:hover{color:var(--chakra-colors-primary, #2b6cb0)}._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._groupInfo_6kbvh_360 ._systemGroup_6kbvh_394{cursor:default}._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._groupInfo_6kbvh_360 ._groupNameInput_6kbvh_397{padding:.5rem;border:1px solid var(--chakra-colors-primary, #2b6cb0);border-radius:.25rem;font-size:1.125rem;font-weight:600;width:100%;max-width:300px;background:var(--chakra-colors-bg, #ffffff);color:var(--chakra-colors-fg, #1a202c)}@media(max-width:640px){._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._groupInfo_6kbvh_360 ._groupNameInput_6kbvh_397{font-size:1rem;max-width:100%}}._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._groupInfo_6kbvh_360 ._groupNameInput_6kbvh_397:focus{outline:none;box-shadow:0 0 0 3px #2b6cb01a}._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._sortGroupButton_6kbvh_418{padding:.5rem 1rem;background:transparent;border:1px solid var(--chakra-colors-primary, #2b6cb0);color:var(--chakra-colors-primary, #2b6cb0);border-radius:.25rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}@media(max-width:640px){._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._sortGroupButton_6kbvh_418{padding:.625rem 1rem}}._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._sortGroupButton_6kbvh_418:hover{background:var(--chakra-colors-primary, #2b6cb0);color:#fff}._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._sortGroupButton_6kbvh_418:active{transform:scale(.95)}._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._deleteGroupButton_6kbvh_441{padding:.5rem 1rem;background:transparent;border:1px solid var(--chakra-colors-error, #e53e3e);color:var(--chakra-colors-error, #e53e3e);border-radius:.25rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}@media(max-width:640px){._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._deleteGroupButton_6kbvh_441{width:100%;flex-basis:100%;padding:.625rem 1rem;margin-top:.5rem}}._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._deleteGroupButton_6kbvh_441:hover{background:var(--chakra-colors-error, #e53e3e);color:#fff}._todoContainer_6kbvh_2 ._groupHeader_6kbvh_318 ._deleteGroupButton_6kbvh_441:active{transform:scale(.95)}._todoContainer_6kbvh_2 ._todoList_6kbvh_142{display:flex;flex-direction:column;gap:.75rem;min-height:60px;padding:.5rem;border-radius:.5rem;transition:background-color .2s ease,border .2s ease}._todoContainer_6kbvh_2 ._todoList_6kbvh_142._dragOver_6kbvh_476{background:var(--chakra-colors-primary-subtle, #ebf8ff);border:2px dashed var(--chakra-colors-primary, #2b6cb0);padding:calc(.5rem - 2px)}._todoContainer_6kbvh_2 ._emptyDropZone_6kbvh_481{min-height:100px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--chakra-colors-border, #cbd5e0);border-radius:.5rem;color:var(--chakra-colors-muted-fg, #4a5568);font-size:.875rem;transition:all .2s ease;background:var(--chakra-colors-bg-subtle, #f7fafc)}._todoContainer_6kbvh_2 ._emptyDropZone_6kbvh_481._dragOver_6kbvh_476{background:var(--chakra-colors-primary-subtle, #ebf8ff);border-color:var(--chakra-colors-primary, #2b6cb0);border-style:solid;color:var(--chakra-colors-primary, #2b6cb0)}._todoContainer_6kbvh_2 ._todoItem_6kbvh_147{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.75rem;background:var(--chakra-colors-bg, #ffffff);transition:border-color .2s ease,box-shadow .2s ease}@media(max-width:640px){._todoContainer_6kbvh_2 ._todoItem_6kbvh_147{padding:.75rem 1rem;gap:.5rem}}._todoContainer_6kbvh_2 ._todoItem_6kbvh_147 ._todoDragHandle_6kbvh_515{display:flex;align-items:center;justify-content:center;color:var(--chakra-colors-muted-fg, #4a5568);cursor:grab;font-size:1rem;padding:.25rem;transition:color .2s ease}@media(max-width:640px){._todoContainer_6kbvh_2 ._todoItem_6kbvh_147 ._todoDragHandle_6kbvh_515{font-size:1.25rem;padding:.75rem;margin:-.5rem 0;min-width:44px;min-height:44px}}._todoContainer_6kbvh_2 ._todoItem_6kbvh_147 ._todoDragHandle_6kbvh_515:hover{color:var(--chakra-colors-fg, #1a202c)}._todoContainer_6kbvh_2 ._todoItem_6kbvh_147 ._todoDragHandle_6kbvh_515:active{cursor:grabbing}._todoContainer_6kbvh_2 ._todoItem_6kbvh_147._completed_6kbvh_157{background:var(--chakra-colors-success-subtle, #f0fff4);border-color:var(--chakra-colors-success, #38a169)}._todoContainer_6kbvh_2 ._todoItem_6kbvh_147._completed_6kbvh_157 ._todoText_6kbvh_161{text-decoration:line-through;color:var(--chakra-colors-muted-fg, #4a5568)}._todoContainer_6kbvh_2 ._todoItem_6kbvh_147._dragging_6kbvh_548{opacity:.8;box-shadow:0 4px 12px #00000026;transform:rotate(2deg)}._todoContainer_6kbvh_2 ._todoItem_6kbvh_147 ._checkbox_6kbvh_165{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--chakra-colors-primary, #2b6cb0);flex-shrink:0}@media(max-width:640px){._todoContainer_6kbvh_2 ._todoItem_6kbvh_147 ._checkbox_6kbvh_165{width:1rem;height:1rem}}._todoContainer_6kbvh_2 ._todoItem_6kbvh_147 ._todoContent_6kbvh_566{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}._todoContainer_6kbvh_2 ._todoItem_6kbvh_147 ._todoText_6kbvh_161{font-size:1rem;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}@media(max-width:640px){._todoContainer_6kbvh_2 ._todoItem_6kbvh_147 ._todoText_6kbvh_161{font-size:.9375rem}}._todoContainer_6kbvh_2 ._todoItem_6kbvh_147 ._todoDueDateTime_6kbvh_584{font-size:.75rem;color:var(--chakra-colors-muted-fg, #718096);line-height:1.2}._todoContainer_6kbvh_2 ._todoItem_6kbvh_147 ._deleteButton_6kbvh_176{padding:.5rem;background:transparent;border:none;color:var(--chakra-colors-error, #e53e3e);cursor:pointer;border-radius:.25rem;transition:background-color .2s ease;flex-shrink:0}@media(max-width:640px){._todoContainer_6kbvh_2 ._todoItem_6kbvh_147 ._deleteButton_6kbvh_176{padding:.375rem}}._todoContainer_6kbvh_2 ._todoItem_6kbvh_147 ._deleteButton_6kbvh_176:hover{background:var(--chakra-colors-error-subtle, #fed7d7)}._todoContainer_6kbvh_2 ._todoItem_6kbvh_147 ._deleteButton_6kbvh_176:active{transform:scale(.9)}._todoContainer_6kbvh_2 ._previewModal_6kbvh_610{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:_fadeIn_6kbvh_1 .2s ease-out}@keyframes _fadeIn_6kbvh_1{0%{opacity:0}to{opacity:1}}._todoContainer_6kbvh_2 ._previewContent_6kbvh_633{background:var(--chakra-colors-bg, #ffffff);border-radius:1rem;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:_slideUp_6kbvh_1 .3s ease-out}@keyframes _slideUp_6kbvh_1{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}._todoContainer_6kbvh_2 ._previewBody_6kbvh_654{flex:1;display:flex;overflow:hidden;min-height:0}@media(max-width:768px){._todoContainer_6kbvh_2 ._previewBody_6kbvh_654{flex-direction:column}}._todoContainer_6kbvh_2 ._previewHeader_6kbvh_665{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--chakra-colors-border, #cbd5e0)}._todoContainer_6kbvh_2 ._previewHeader_6kbvh_665 h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--chakra-colors-fg, #1a202c)}._todoContainer_6kbvh_2 ._previewHeader_6kbvh_665 ._closeButton_6kbvh_678{background:transparent;border:none;font-size:2rem;line-height:1;color:var(--chakra-colors-muted-fg, #4a5568);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s ease}._todoContainer_6kbvh_2 ._previewHeader_6kbvh_665 ._closeButton_6kbvh_678:hover{background:var(--chakra-colors-error-subtle, #fed7d7);color:var(--chakra-colors-error, #e53e3e)}._todoContainer_6kbvh_2 ._previewHeader_6kbvh_665 ._closeButton_6kbvh_678:active{transform:scale(.95)}._todoContainer_6kbvh_2 ._backgroundSelector_6kbvh_701{width:250px;padding:1.5rem;border-right:1px solid var(--chakra-colors-border, #cbd5e0);overflow-y:auto;background:var(--chakra-colors-bg, #ffffff)}@media(max-width:768px){._todoContainer_6kbvh_2 ._backgroundSelector_6kbvh_701{width:100%;border-right:none;border-bottom:1px solid var(--chakra-colors-border, #cbd5e0);max-height:200px}}._todoContainer_6kbvh_2 ._backgroundSelector_6kbvh_701 h3{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--chakra-colors-fg, #1a202c);text-transform:uppercase;letter-spacing:.05em}._todoContainer_6kbvh_2 ._backgroundGrid_6kbvh_724{display:grid;grid-template-columns:1fr;gap:.5rem}._todoContainer_6kbvh_2 ._backgroundOption_6kbvh_729{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:transparent;border:2px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;text-align:left}._todoContainer_6kbvh_2 ._backgroundOption_6kbvh_729:hover{background:var(--chakra-colors-subtle, #f7fafc);border-color:var(--chakra-colors-border, #cbd5e0)}._todoContainer_6kbvh_2 ._backgroundOption_6kbvh_729._selected_6kbvh_745{background:var(--chakra-colors-primary-subtle, #ebf8ff);border-color:var(--chakra-colors-primary, #2b6cb0)}._todoContainer_6kbvh_2 ._backgroundOption_6kbvh_729._selected_6kbvh_745 ._backgroundName_6kbvh_749{color:var(--chakra-colors-primary, #2b6cb0);font-weight:600}._todoContainer_6kbvh_2 ._backgroundOption_6kbvh_729:active{transform:scale(.98)}._todoContainer_6kbvh_2 ._backgroundPreview_6kbvh_756{flex-shrink:0;width:60px;height:60px;border-radius:.375rem;overflow:hidden;border:1px solid var(--chakra-colors-border, #cbd5e0);box-shadow:0 1px 3px #0000001a}._todoContainer_6kbvh_2 ._backgroundPreview_6kbvh_756 canvas{display:block;width:100%;height:100%}._todoContainer_6kbvh_2 ._backgroundName_6kbvh_749{flex:1;font-size:.875rem;color:var(--chakra-colors-fg, #1a202c);transition:all .2s ease}._todoContainer_6kbvh_2 ._previewImageContainer_6kbvh_776{flex:1;overflow:auto;padding:1.5rem;display:flex;align-items:flex-start;justify-content:center;background:var(--chakra-colors-bg-subtle, #f7fafc);max-height:60vh}@media(max-width:768px){._todoContainer_6kbvh_2 ._previewImageContainer_6kbvh_776{min-height:300px;max-height:50vh}}._todoContainer_6kbvh_2 ._previewImage_6kbvh_776{max-width:100%;width:auto;height:auto;max-height:none;border-radius:.5rem;box-shadow:0 4px 12px #0000001a;background:#fff}._todoContainer_6kbvh_2 ._previewActions_6kbvh_801{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--chakra-colors-border, #cbd5e0);justify-content:flex-end}._todoContainer_6kbvh_2 ._previewActions_6kbvh_801 button{padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}._todoContainer_6kbvh_2 ._previewActions_6kbvh_801 button:active{transform:scale(.98)}._todoContainer_6kbvh_2 ._previewActions_6kbvh_801 ._downloadButton_6kbvh_820{background:var(--chakra-colors-primary, #2b6cb0);color:#fff}._todoContainer_6kbvh_2 ._previewActions_6kbvh_801 ._downloadButton_6kbvh_820:hover{background:var(--chakra-colors-primary-hover, #2a5a9b);transform:translateY(-1px);box-shadow:0 4px 12px #2b6cb04d}._todoContainer_6kbvh_2 ._previewActions_6kbvh_801 ._cancelButton_6kbvh_829{background:var(--chakra-colors-bg, #ffffff);color:var(--chakra-colors-fg, #1a202c);border:1px solid var(--chakra-colors-border, #cbd5e0)}._todoContainer_6kbvh_2 ._previewActions_6kbvh_801 ._cancelButton_6kbvh_829:hover{background:var(--chakra-colors-subtle, #f7fafc)}._todoContainer_6kbvh_2 ._calendarModalBody_6kbvh_837{padding:1.5rem;overflow-y:auto;max-height:60vh}@media(max-width:640px){._todoContainer_6kbvh_2 ._calendarModalBody_6kbvh_837{padding:1rem;max-height:50vh}}._todoContainer_6kbvh_2 ._calendarModalDesc_6kbvh_848{font-size:.875rem;color:var(--chakra-colors-muted-fg, #4a5568);margin:0 0 1rem}._todoContainer_6kbvh_2 ._calendarTodoList_6kbvh_853{display:flex;flex-direction:column;gap:.75rem}._todoContainer_6kbvh_2 ._calendarTodoItem_6kbvh_858{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.5rem;background:var(--chakra-colors-bg, #ffffff)}@media(max-width:640px){._todoContainer_6kbvh_2 ._calendarTodoItem_6kbvh_858{flex-direction:column;align-items:stretch;gap:.5rem}}._todoContainer_6kbvh_2 ._calendarTodoInfo_6kbvh_874{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}._todoContainer_6kbvh_2 ._calendarTodoText_6kbvh_881{font-size:.9375rem;color:var(--chakra-colors-fg, #1a202c);word-wrap:break-word;overflow-wrap:break-word}._todoContainer_6kbvh_2 ._calendarTodoDate_6kbvh_887{font-size:.75rem;color:var(--chakra-colors-muted-fg, #718096)}._todoContainer_6kbvh_2 ._calendarRegisterButton_6kbvh_891{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;background:#4285f4;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}@media(max-width:640px){._todoContainer_6kbvh_2 ._calendarRegisterButton_6kbvh_891{width:100%}}._todoContainer_6kbvh_2 ._calendarRegisterButton_6kbvh_891:hover{background:#3367d6}._todoContainer_6kbvh_2 ._calendarRegisterButton_6kbvh_891:active{transform:scale(.98)}@media(max-width:768px){._todoContainer_6kbvh_2 ._exportSection_6kbvh_188 ._exportButton_6kbvh_203{flex:1 1 calc(50% - .375rem);min-width:140px}}@media(max-width:640px){._todoContainer_6kbvh_2 ._previewModal_6kbvh_610{padding:.5rem}._todoContainer_6kbvh_2 ._previewContent_6kbvh_633{max-height:95vh;border-radius:.5rem}._todoContainer_6kbvh_2 ._previewHeader_6kbvh_665{padding:1rem}._todoContainer_6kbvh_2 ._previewHeader_6kbvh_665 h2{font-size:1.25rem}._todoContainer_6kbvh_2 ._backgroundSelector_6kbvh_701{padding:1rem;max-height:150px}._todoContainer_6kbvh_2 ._previewImageContainer_6kbvh_776{padding:1rem;min-height:250px}._todoContainer_6kbvh_2 ._previewActions_6kbvh_801{padding:1rem;flex-direction:column}._todoContainer_6kbvh_2 ._previewActions_6kbvh_801 button{width:100%}._todoContainer_6kbvh_2 ._exportSection_6kbvh_188 ._exportButton_6kbvh_203{flex:1 1 100%}}
