@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap";._todoItem_atdi1_1{display:flex;align-items:center;column-gap:12px;padding-left:10px;color:var(--color-text-on-glass);border:1px solid var(--color-glass-border);border-radius:var(--border-radius)}._todoItem_atdi1_1:hover{background-color:var(--color-glass-bg-hover)}._todoItem_atdi1_1._isDisappearing_atdi1_13{opacity:0;translate:0 -75%;transition-duration:calc(var(--transition-duration) * 2);pointer-events:none}._todoItem_atdi1_1._isDisappearing_atdi1_13~._todoItem_atdi1_1{translate:0 calc((100% + var(--todoListRowGap)) * -1);transition-delay:var(--transition-duration);transition-duration:var(--transition-duration);pointer-events:none}._todoItem_atdi1_1._isAppearing_atdi1_25{animation:_appear_atdi1_1 calc(var(--transition-duration) * 2);pointer-events:none}@keyframes _appear_atdi1_1{0%{opacity:0;translate:0 -75%}}._checkbox_atdi1_36{flex-shrink:0;appearance:none;position:relative;width:20px;height:20px;margin:0;background-color:transparent;border:1px solid var(--color-glass-border);border-radius:4px}._checkbox_atdi1_36:checked{background-color:#ffffff4d;border-color:var(--color-white)}._checkbox_atdi1_36:checked+._label_atdi1_51{color:var(--color-text-on-glass-muted);text-decoration:line-through}._checkbox_atdi1_36:not(:checked):after{opacity:0}._checkbox_atdi1_36:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:16px;height:16px;background:url(../../assets/icons/icon-check_white.svg) center/contain no-repeat}._label_atdi1_51{width:100%;pointer-events:none}._deleteButton_atdi1_74{flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;margin-left:auto;padding:0;color:var(--color-text-on-glass-muted);background-color:transparent;border:none;border-radius:inherit}._deleteButton_atdi1_74:hover{color:var(--color-white);background-color:#ffffff26}._deleteButton_atdi1_74:active{scale:1.05}._deleteButton_atdi1_74 *{pointer-events:none}._field_z2yi1_2{position:relative}._field_z2yi1_2:has(._input_z2yi1_5:not(:placeholder-shown)) ._label_z2yi1_5{color:var(--color-white);scale:.7;translate:-1.75em -2.6em}._label_z2yi1_5{position:absolute;top:50%;left:17px;color:var(--color-text-on-glass-muted);translate:0 -50%}._input_z2yi1_5{--fieldInputPaddingX: 16px;--fieldSeachInputIconSize: 16px;width:100%;height:var(--input-height);padding-inline:var(--fieldInputPaddingX);color:var(--color-text-on-glass);background-color:transparent;border:1px solid var(--color-glass-border);border-radius:var(--border-radius)}._input_z2yi1_5::placeholder{color:var(--color-text-on-glass-muted)}._input_z2yi1_5:hover,._input_z2yi1_5:focus{border-color:var(--color-white)}._input_z2yi1_5:focus{background-color:var(--color-glass-bg-hover);outline:none}._input_z2yi1_5[type=search]:placeholder-shown{padding-right:calc(var(--fieldInputPaddingX) * 2 + var(--fieldSeachInputIconSize));background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%2014L11.1%2011.1M12.6667%207.33333C12.6667%2010.2789%2010.2789%2012.6667%207.33333%2012.6667C4.38781%2012.6667%202%2010.2789%202%207.33333C2%204.38781%204.38781%202%207.33333%202C10.2789%202%2012.6667%204.38781%2012.6667%207.33333Z'%20stroke='%231E1E1E'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-position:calc(100% - var(--fieldInputPaddingX)) 50%;background-size:var(--fieldSeachInputIconSize);background-repeat:no-repeat;filter:invert(1)}._input_z2yi1_5._isInvalid_z2yi1_48{border-color:red}._error_z2yi1_52{position:absolute;top:100%;left:0;font-size:12px;color:red;text-overflow:ellipsis;overflow:hidden;word-spacing:nowrap;max-width:100%}._button_87wdx_1{display:inline-flex;justify-content:center;align-items:center;height:var(--input-height);padding:12px;color:var(--color-text-on-glass);background-color:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--border-radius)}._button_87wdx_1:not(:disabled):hover{color:var(--color-text-on-glass);background-color:var(--color-glass-bg-hover)}._button_87wdx_1:not(:disabled):active{scale:1.05}._button_87wdx_1:disabled{background-color:var(--color-glass-bg-hover);border-color:var(--color-glass-bg-hover);cursor:not-allowed}._todo_juccg_1{position:relative;display:flex;flex-direction:column;row-gap:24px;width:100%;max-width:740px;min-height:529px;padding:24px;overflow:hidden;color:var(--color-text-on-glass);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--border-radius);box-shadow:0 8px 32px #00000026;backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));transform:translateZ(0)}._title_juccg_21{text-align:center;font-size:24px;font-weight:600;line-height:1.2}._form_juccg_28{display:flex;column-gap:16px}._field_juccg_33{width:100%}._info_juccg_37{display:flex;justify-content:space-between;align-items:center;column-gap:16px;font-weight:600}._deleteAllButton_juccg_45{padding:0;color:var(--color-text-on-glass);background-color:transparent;border:none}._deleteAllButton_juccg_45:hover{color:var(--color-text-on-glass-muted)}._list_juccg_55:empty,._emptyMessage_juccg_56:empty{display:none}._list_juccg_55{--todoListRowGap: 8px;display:grid;row-gap:var(--todoListRowGap)}._emptyMessage_juccg_56{text-align:center;color:var(--color-text-on-glass-muted)}*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){margin-left:0;padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}:where(p:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit}html{height:100%;scrollbar-gutter:stable}html,:has(:target){scroll-behavior:smooth}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex}button,label{cursor:pointer}:where([fill]:not([fill=none],[fill^=url])){fill:currentColor}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentColor}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentColor}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-white: #FFFFFF;--color-black: #000000;--color-dark-1: #1E1E1E;--color-dark-2: #2C2C2C;--color-gray-1: #F5F5F5;--color-gray-2: #D9D9D9;--color-gray-3: #B3B3B3;--color-gray-4: #757575;--border: 1px solid var(--color-gray-2);--border-radius: 8px;--box-shadow: 0 4px 4px -4px rgba(12, 12, 13, .05), 0 16px 32px -4px rgba(12, 12, 13, .1);--input-height: 40px;--transition-duration: .2s;--color-page-bg-1: #F5EDE3;--color-page-bg-2: #E4D5C3;--color-glass-bg: rgba(255, 255, 255, .12);--color-glass-bg-hover: rgba(255, 255, 255, .2);--color-glass-border: rgba(255, 255, 255, .35);--color-glass-shine: rgba(255, 255, 255, .22);--color-text-on-glass: #214438;--color-text-on-glass-muted: rgba(33, 68, 56, .65);--blur-glass: 20px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;white-space:nowrap!important;clip-path:inset(100%)!important;clip:rect(0 0 0 0)!important;overflow:hidden!important}body{position:relative;display:flex;justify-content:center;align-items:start;min-height:100vh;padding:100px 30px;font-family:Inter,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:-10%;z-index:-1;background:radial-gradient(circle at 20% 30%,rgba(33,68,56,.25),transparent 40%),radial-gradient(circle at 80% 70%,rgba(180,140,90,.25),transparent 40%),linear-gradient(135deg,var(--color-page-bg-1),var(--color-page-bg-2),var(--color-page-bg-1));background-size:200% 200%,200% 200%,200% 200%;animation:gradientFlow 12s ease-in-out infinite}@keyframes gradientFlow{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}
