@charset "UTF-8";._todo-container_lsbrx_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){._todo-container_lsbrx_2{padding-bottom:180px}}._todo-container_lsbrx_2 ._header_lsbrx_18{display:flex;flex-direction:column;gap:.5rem}._todo-container_lsbrx_2 ._header_lsbrx_18 h1{font-size:clamp(1.75rem,3vw + 1rem,2.25rem);margin:0}._todo-container_lsbrx_2 ._header_lsbrx_18 p{font-size:clamp(.875rem,1.2vw + .7rem,1rem);color:var(--chakra-colors-muted-fg, #4a5568);margin:0}._todo-container_lsbrx_2 ._input-section_lsbrx_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){._todo-container_lsbrx_2 ._input-section_lsbrx_32{flex-direction:column;align-items:stretch;padding:.75rem var(--page-padding-inline)}}._todo-container_lsbrx_2 ._input-section_lsbrx_32 ._input-group_lsbrx_53{flex:1;display:flex;flex-direction:column;gap:.25rem}._todo-container_lsbrx_2 ._input-section_lsbrx_32 ._input-group_lsbrx_53 label{font-size:.875rem;font-weight:500;color:var(--chakra-colors-fg, #1a202c)}._todo-container_lsbrx_2 ._input-section_lsbrx_32 ._input-group_lsbrx_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}._todo-container_lsbrx_2 ._input-section_lsbrx_32 ._input-group_lsbrx_53 input:focus{outline:none;border-color:var(--chakra-colors-primary, #2b6cb0);box-shadow:0 0 0 3px #2b6cb01a}._todo-container_lsbrx_2 ._input-section_lsbrx_32 ._input-group_lsbrx_53 input::placeholder{color:var(--chakra-colors-muted-fg, #4a5568)}._todo-container_lsbrx_2 ._input-section_lsbrx_32 ._input-date-time-group_lsbrx_81{display:flex;gap:.5rem;align-items:flex-end}@media(max-width:640px){._todo-container_lsbrx_2 ._input-section_lsbrx_32 ._input-date-time-group_lsbrx_81{width:100%}}._todo-container_lsbrx_2 ._input-section_lsbrx_32 ._input-date-time-group_lsbrx_81 ._input-date-field_lsbrx_91,._todo-container_lsbrx_2 ._input-section_lsbrx_32 ._input-date-time-group_lsbrx_81 ._input-time-field_lsbrx_92{display:flex;flex-direction:column;gap:.25rem}._todo-container_lsbrx_2 ._input-section_lsbrx_32 ._input-date-time-group_lsbrx_81 ._input-date-field_lsbrx_91 label,._todo-container_lsbrx_2 ._input-section_lsbrx_32 ._input-date-time-group_lsbrx_81 ._input-time-field_lsbrx_92 label{font-size:.75rem;font-weight:500;color:var(--chakra-colors-muted-fg, #4a5568)}._todo-container_lsbrx_2 ._input-section_lsbrx_32 ._input-date-time-group_lsbrx_81 ._input-date-field_lsbrx_91 input,._todo-container_lsbrx_2 ._input-section_lsbrx_32 ._input-date-time-group_lsbrx_81 ._input-time-field_lsbrx_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}._todo-container_lsbrx_2 ._input-section_lsbrx_32 ._input-date-time-group_lsbrx_81 ._input-date-field_lsbrx_91 input:focus,._todo-container_lsbrx_2 ._input-section_lsbrx_32 ._input-date-time-group_lsbrx_81 ._input-time-field_lsbrx_92 input:focus{outline:none;border-color:var(--chakra-colors-primary, #2b6cb0);box-shadow:0 0 0 3px #2b6cb01a}._todo-container_lsbrx_2 ._input-section_lsbrx_32 ._add-button_lsbrx_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}._todo-container_lsbrx_2 ._input-section_lsbrx_32 ._add-button_lsbrx_119:hover{background:var(--chakra-colors-primary-hover, #2a5a9b);transform:translateY(-1px)}._todo-container_lsbrx_2 ._input-section_lsbrx_32 ._add-button_lsbrx_119:active{transform:translateY(0)}._todo-container_lsbrx_2 ._input-section_lsbrx_32 ._add-button_lsbrx_119:disabled{background:var(--chakra-colors-muted, #9ca3af);cursor:not-allowed;transform:none}._todo-container_lsbrx_2 ._todo-list_lsbrx_142{display:flex;flex-direction:column;gap:.75rem}._todo-container_lsbrx_2 ._todo-list_lsbrx_142 ._todo-item_lsbrx_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}._todo-container_lsbrx_2 ._todo-list_lsbrx_142 ._todo-item_lsbrx_147._completed_lsbrx_157{background:var(--chakra-colors-success-subtle, #f0fff4);border-color:var(--chakra-colors-success, #38a169)}._todo-container_lsbrx_2 ._todo-list_lsbrx_142 ._todo-item_lsbrx_147._completed_lsbrx_157 ._todo-text_lsbrx_161{text-decoration:line-through;color:var(--chakra-colors-muted-fg, #4a5568)}._todo-container_lsbrx_2 ._todo-list_lsbrx_142 ._todo-item_lsbrx_147 ._checkbox_lsbrx_165{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--chakra-colors-primary, #2b6cb0)}._todo-container_lsbrx_2 ._todo-list_lsbrx_142 ._todo-item_lsbrx_147 ._todo-text_lsbrx_161{flex:1;font-size:1rem;line-height:1.5}._todo-container_lsbrx_2 ._todo-list_lsbrx_142 ._todo-item_lsbrx_147 ._delete-button_lsbrx_176{padding:.5rem;background:transparent;border:none;color:var(--chakra-colors-error, #e53e3e);cursor:pointer;border-radius:.25rem;transition:background-color .2s ease}._todo-container_lsbrx_2 ._todo-list_lsbrx_142 ._todo-item_lsbrx_147 ._delete-button_lsbrx_176:hover{background:var(--chakra-colors-error-subtle, #fed7d7)}._todo-container_lsbrx_2 ._export-section_lsbrx_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){._todo-container_lsbrx_2 ._export-section_lsbrx_188{flex-direction:column;padding:1rem}}._todo-container_lsbrx_2 ._export-section_lsbrx_188 ._export-button_lsbrx_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){._todo-container_lsbrx_2 ._export-section_lsbrx_188 ._export-button_lsbrx_203{width:100%;padding:.75rem 1rem}}._todo-container_lsbrx_2 ._export-section_lsbrx_188 ._export-button_lsbrx_203:hover{background:var(--chakra-colors-accent-hover, #6b46c1)}._todo-container_lsbrx_2 ._export-section_lsbrx_188 ._export-button_lsbrx_203:disabled{background:var(--chakra-colors-muted, #9ca3af);cursor:not-allowed}._todo-container_lsbrx_2 ._empty-state_lsbrx_227{text-align:center;padding:3rem 1rem;color:var(--chakra-colors-muted-fg, #4a5568)}._todo-container_lsbrx_2 ._empty-state_lsbrx_227 ._empty-icon_lsbrx_232{font-size:3rem;margin-bottom:1rem}._todo-container_lsbrx_2 ._empty-state_lsbrx_227 p{font-size:1rem;margin:0}._todo-container_lsbrx_2 ._add-group-form_lsbrx_240{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--chakra-colors-accent-subtle, #faf5ff);border-radius:.5rem}@media(max-width:640px){._todo-container_lsbrx_2 ._add-group-form_lsbrx_240{flex-direction:column;gap:.75rem}}._todo-container_lsbrx_2 ._add-group-form_lsbrx_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){._todo-container_lsbrx_2 ._add-group-form_lsbrx_240 input{width:100%}}._todo-container_lsbrx_2 ._add-group-form_lsbrx_240 input:focus{outline:none;border-color:var(--chakra-colors-primary, #2b6cb0);box-shadow:0 0 0 3px #2b6cb01a}._todo-container_lsbrx_2 ._add-group-form_lsbrx_240 input::placeholder{color:var(--chakra-colors-muted-fg, #4a5568)}._todo-container_lsbrx_2 ._add-group-form_lsbrx_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){._todo-container_lsbrx_2 ._add-group-form_lsbrx_240 button{width:100%;padding:.75rem 1rem}}._todo-container_lsbrx_2 ._add-group-form_lsbrx_240 button:hover:not(:disabled){background:var(--chakra-colors-accent-hover, #6b46c1);transform:translateY(-1px)}._todo-container_lsbrx_2 ._add-group-form_lsbrx_240 button:active:not(:disabled){transform:translateY(0)}._todo-container_lsbrx_2 ._add-group-form_lsbrx_240 button:disabled{opacity:.5;cursor:not-allowed;transform:none}._todo-container_lsbrx_2 ._group-container_lsbrx_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){._todo-container_lsbrx_2 ._group-container_lsbrx_304{padding:.75rem;margin-bottom:1rem}}._todo-container_lsbrx_2 ._group-header_lsbrx_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){._todo-container_lsbrx_2 ._group-header_lsbrx_318{padding:.5rem .75rem;gap:.5rem;flex-wrap:wrap}}._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._group-drag-handle_lsbrx_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){._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._group-drag-handle_lsbrx_335{font-size:1.375rem;padding:.75rem;margin:-.5rem 0;min-width:44px;min-height:44px}}._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._group-drag-handle_lsbrx_335:hover{color:var(--chakra-colors-fg, #1a202c)}._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._group-drag-handle_lsbrx_335:active{cursor:grabbing}._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._group-info_lsbrx_360{flex:1;min-width:0}._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._group-info_lsbrx_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){._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._group-info_lsbrx_360 h3{font-size:1rem}}._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._group-info_lsbrx_360 h3 ._todo-count_lsbrx_377{color:var(--chakra-colors-muted-fg, #4a5568);font-weight:400;font-size:.9rem}@media(max-width:640px){._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._group-info_lsbrx_360 h3 ._todo-count_lsbrx_377{font-size:.8rem}}._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._group-info_lsbrx_360 ._editable-group_lsbrx_387{cursor:pointer;transition:color .2s ease}._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._group-info_lsbrx_360 ._editable-group_lsbrx_387:hover{color:var(--chakra-colors-primary, #2b6cb0)}._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._group-info_lsbrx_360 ._system-group_lsbrx_394{cursor:default}._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._group-info_lsbrx_360 ._group-name-input_lsbrx_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){._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._group-info_lsbrx_360 ._group-name-input_lsbrx_397{font-size:1rem;max-width:100%}}._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._group-info_lsbrx_360 ._group-name-input_lsbrx_397:focus{outline:none;box-shadow:0 0 0 3px #2b6cb01a}._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._sort-group-button_lsbrx_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){._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._sort-group-button_lsbrx_418{padding:.625rem 1rem}}._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._sort-group-button_lsbrx_418:hover{background:var(--chakra-colors-primary, #2b6cb0);color:#fff}._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._sort-group-button_lsbrx_418:active{transform:scale(.95)}._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._delete-group-button_lsbrx_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){._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._delete-group-button_lsbrx_441{width:100%;flex-basis:100%;padding:.625rem 1rem;margin-top:.5rem}}._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._delete-group-button_lsbrx_441:hover{background:var(--chakra-colors-error, #e53e3e);color:#fff}._todo-container_lsbrx_2 ._group-header_lsbrx_318 ._delete-group-button_lsbrx_441:active{transform:scale(.95)}._todo-container_lsbrx_2 ._todo-list_lsbrx_142{display:flex;flex-direction:column;gap:.75rem;min-height:60px;padding:.5rem;border-radius:.5rem;transition:background-color .2s ease,border .2s ease}._todo-container_lsbrx_2 ._todo-list_lsbrx_142._drag-over_lsbrx_476{background:var(--chakra-colors-primary-subtle, #ebf8ff);border:2px dashed var(--chakra-colors-primary, #2b6cb0);padding:calc(.5rem - 2px)}._todo-container_lsbrx_2 ._empty-drop-zone_lsbrx_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)}._todo-container_lsbrx_2 ._empty-drop-zone_lsbrx_481._drag-over_lsbrx_476{background:var(--chakra-colors-primary-subtle, #ebf8ff);border-color:var(--chakra-colors-primary, #2b6cb0);border-style:solid;color:var(--chakra-colors-primary, #2b6cb0)}._todo-container_lsbrx_2 ._todo-item_lsbrx_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){._todo-container_lsbrx_2 ._todo-item_lsbrx_147{padding:.75rem 1rem;gap:.5rem}}._todo-container_lsbrx_2 ._todo-item_lsbrx_147 ._todo-drag-handle_lsbrx_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){._todo-container_lsbrx_2 ._todo-item_lsbrx_147 ._todo-drag-handle_lsbrx_515{font-size:1.25rem;padding:.75rem;margin:-.5rem 0;min-width:44px;min-height:44px}}._todo-container_lsbrx_2 ._todo-item_lsbrx_147 ._todo-drag-handle_lsbrx_515:hover{color:var(--chakra-colors-fg, #1a202c)}._todo-container_lsbrx_2 ._todo-item_lsbrx_147 ._todo-drag-handle_lsbrx_515:active{cursor:grabbing}._todo-container_lsbrx_2 ._todo-item_lsbrx_147._completed_lsbrx_157{background:var(--chakra-colors-success-subtle, #f0fff4);border-color:var(--chakra-colors-success, #38a169)}._todo-container_lsbrx_2 ._todo-item_lsbrx_147._completed_lsbrx_157 ._todo-text_lsbrx_161{text-decoration:line-through;color:var(--chakra-colors-muted-fg, #4a5568)}._todo-container_lsbrx_2 ._todo-item_lsbrx_147._dragging_lsbrx_548{opacity:.8;box-shadow:0 4px 12px #00000026;transform:rotate(2deg)}._todo-container_lsbrx_2 ._todo-item_lsbrx_147 ._checkbox_lsbrx_165{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--chakra-colors-primary, #2b6cb0);flex-shrink:0}@media(max-width:640px){._todo-container_lsbrx_2 ._todo-item_lsbrx_147 ._checkbox_lsbrx_165{width:1rem;height:1rem}}._todo-container_lsbrx_2 ._todo-item_lsbrx_147 ._todo-content_lsbrx_566{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}._todo-container_lsbrx_2 ._todo-item_lsbrx_147 ._todo-text_lsbrx_161{font-size:1rem;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}@media(max-width:640px){._todo-container_lsbrx_2 ._todo-item_lsbrx_147 ._todo-text_lsbrx_161{font-size:.9375rem}}._todo-container_lsbrx_2 ._todo-item_lsbrx_147 ._todo-due-date-time_lsbrx_584{font-size:.75rem;color:var(--chakra-colors-muted-fg, #718096);line-height:1.2}._todo-container_lsbrx_2 ._todo-item_lsbrx_147 ._delete-button_lsbrx_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){._todo-container_lsbrx_2 ._todo-item_lsbrx_147 ._delete-button_lsbrx_176{padding:.375rem}}._todo-container_lsbrx_2 ._todo-item_lsbrx_147 ._delete-button_lsbrx_176:hover{background:var(--chakra-colors-error-subtle, #fed7d7)}._todo-container_lsbrx_2 ._todo-item_lsbrx_147 ._delete-button_lsbrx_176:active{transform:scale(.9)}._todo-container_lsbrx_2 ._preview-modal_lsbrx_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_lsbrx_1 .2s ease-out}@keyframes _fadeIn_lsbrx_1{0%{opacity:0}to{opacity:1}}._todo-container_lsbrx_2 ._preview-content_lsbrx_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_lsbrx_1 .3s ease-out}@keyframes _slideUp_lsbrx_1{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}._todo-container_lsbrx_2 ._preview-body_lsbrx_654{flex:1;display:flex;overflow:hidden;min-height:0}@media(max-width:768px){._todo-container_lsbrx_2 ._preview-body_lsbrx_654{flex-direction:column}}._todo-container_lsbrx_2 ._preview-header_lsbrx_665{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--chakra-colors-border, #cbd5e0)}._todo-container_lsbrx_2 ._preview-header_lsbrx_665 h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--chakra-colors-fg, #1a202c)}._todo-container_lsbrx_2 ._preview-header_lsbrx_665 ._close-button_lsbrx_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}._todo-container_lsbrx_2 ._preview-header_lsbrx_665 ._close-button_lsbrx_678:hover{background:var(--chakra-colors-error-subtle, #fed7d7);color:var(--chakra-colors-error, #e53e3e)}._todo-container_lsbrx_2 ._preview-header_lsbrx_665 ._close-button_lsbrx_678:active{transform:scale(.95)}._todo-container_lsbrx_2 ._background-selector_lsbrx_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){._todo-container_lsbrx_2 ._background-selector_lsbrx_701{width:100%;border-right:none;border-bottom:1px solid var(--chakra-colors-border, #cbd5e0);max-height:200px}}._todo-container_lsbrx_2 ._background-selector_lsbrx_701 h3{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--chakra-colors-fg, #1a202c);text-transform:uppercase;letter-spacing:.05em}._todo-container_lsbrx_2 ._background-grid_lsbrx_724{display:grid;grid-template-columns:1fr;gap:.5rem}._todo-container_lsbrx_2 ._background-option_lsbrx_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}._todo-container_lsbrx_2 ._background-option_lsbrx_729:hover{background:var(--chakra-colors-subtle, #f7fafc);border-color:var(--chakra-colors-border, #cbd5e0)}._todo-container_lsbrx_2 ._background-option_lsbrx_729._selected_lsbrx_745{background:var(--chakra-colors-primary-subtle, #ebf8ff);border-color:var(--chakra-colors-primary, #2b6cb0)}._todo-container_lsbrx_2 ._background-option_lsbrx_729._selected_lsbrx_745 ._background-name_lsbrx_749{color:var(--chakra-colors-primary, #2b6cb0);font-weight:600}._todo-container_lsbrx_2 ._background-option_lsbrx_729:active{transform:scale(.98)}._todo-container_lsbrx_2 ._background-preview_lsbrx_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}._todo-container_lsbrx_2 ._background-preview_lsbrx_756 canvas{display:block;width:100%;height:100%}._todo-container_lsbrx_2 ._background-name_lsbrx_749{flex:1;font-size:.875rem;color:var(--chakra-colors-fg, #1a202c);transition:all .2s ease}._todo-container_lsbrx_2 ._preview-image-container_lsbrx_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){._todo-container_lsbrx_2 ._preview-image-container_lsbrx_776{min-height:300px;max-height:50vh}}._todo-container_lsbrx_2 ._preview-image_lsbrx_776{max-width:100%;width:auto;height:auto;max-height:none;border-radius:.5rem;box-shadow:0 4px 12px #0000001a;background:#fff}._todo-container_lsbrx_2 ._preview-actions_lsbrx_801{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--chakra-colors-border, #cbd5e0);justify-content:flex-end}._todo-container_lsbrx_2 ._preview-actions_lsbrx_801 button{padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}._todo-container_lsbrx_2 ._preview-actions_lsbrx_801 button:active{transform:scale(.98)}._todo-container_lsbrx_2 ._preview-actions_lsbrx_801 ._download-button_lsbrx_820{background:var(--chakra-colors-primary, #2b6cb0);color:#fff}._todo-container_lsbrx_2 ._preview-actions_lsbrx_801 ._download-button_lsbrx_820:hover{background:var(--chakra-colors-primary-hover, #2a5a9b);transform:translateY(-1px);box-shadow:0 4px 12px #2b6cb04d}._todo-container_lsbrx_2 ._preview-actions_lsbrx_801 ._cancel-button_lsbrx_829{background:var(--chakra-colors-bg, #ffffff);color:var(--chakra-colors-fg, #1a202c);border:1px solid var(--chakra-colors-border, #cbd5e0)}._todo-container_lsbrx_2 ._preview-actions_lsbrx_801 ._cancel-button_lsbrx_829:hover{background:var(--chakra-colors-subtle, #f7fafc)}._todo-container_lsbrx_2 ._calendar-modal-body_lsbrx_837{padding:1.5rem;overflow-y:auto;max-height:60vh}@media(max-width:640px){._todo-container_lsbrx_2 ._calendar-modal-body_lsbrx_837{padding:1rem;max-height:50vh}}._todo-container_lsbrx_2 ._calendar-modal-desc_lsbrx_848{font-size:.875rem;color:var(--chakra-colors-muted-fg, #4a5568);margin:0 0 1rem}._todo-container_lsbrx_2 ._calendar-todo-list_lsbrx_853{display:flex;flex-direction:column;gap:.75rem}._todo-container_lsbrx_2 ._calendar-todo-item_lsbrx_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){._todo-container_lsbrx_2 ._calendar-todo-item_lsbrx_858{flex-direction:column;align-items:stretch;gap:.5rem}}._todo-container_lsbrx_2 ._calendar-todo-info_lsbrx_874{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}._todo-container_lsbrx_2 ._calendar-todo-text_lsbrx_881{font-size:.9375rem;color:var(--chakra-colors-fg, #1a202c);word-wrap:break-word;overflow-wrap:break-word}._todo-container_lsbrx_2 ._calendar-todo-date_lsbrx_887{font-size:.75rem;color:var(--chakra-colors-muted-fg, #718096)}._todo-container_lsbrx_2 ._calendar-register-button_lsbrx_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){._todo-container_lsbrx_2 ._calendar-register-button_lsbrx_891{width:100%}}._todo-container_lsbrx_2 ._calendar-register-button_lsbrx_891:hover{background:#3367d6}._todo-container_lsbrx_2 ._calendar-register-button_lsbrx_891:active{transform:scale(.98)}@media(max-width:768px){._todo-container_lsbrx_2 ._export-section_lsbrx_188 ._export-button_lsbrx_203{flex:1 1 calc(50% - .375rem);min-width:140px}}@media(max-width:640px){._todo-container_lsbrx_2 ._preview-modal_lsbrx_610{padding:.5rem}._todo-container_lsbrx_2 ._preview-content_lsbrx_633{max-height:95vh;border-radius:.5rem}._todo-container_lsbrx_2 ._preview-header_lsbrx_665{padding:1rem}._todo-container_lsbrx_2 ._preview-header_lsbrx_665 h2{font-size:1.25rem}._todo-container_lsbrx_2 ._background-selector_lsbrx_701{padding:1rem;max-height:150px}._todo-container_lsbrx_2 ._preview-image-container_lsbrx_776{padding:1rem;min-height:250px}._todo-container_lsbrx_2 ._preview-actions_lsbrx_801{padding:1rem;flex-direction:column}._todo-container_lsbrx_2 ._preview-actions_lsbrx_801 button{width:100%}._todo-container_lsbrx_2 ._export-section_lsbrx_188 ._export-button_lsbrx_203{flex:1 1 100%}}