:root{--spacer-a: .111rem;--spacer-b: .222rem;--spacer-c: .444rem;--spacer-d: .889rem;--spacer-de: 1.333rem;--spacer-e: 1.778rem;--spacer-f: 3.556rem;--spacer-g: 7.111rem;--spacer-gh: 10.667rem}:root{--border-radius-a: .111rem;--border-radius-b: .222rem;--border-radius-c: .444rem;--border-radius-d: .889rem;--border-radius-de: 1.333rem;--border-radius-e: 1.778rem;--border-radius-f: 3.556rem;--border-radius-g: 7.111rem;--border-radius-gh: 10.667rem}@font-face{font-family:Excalifont;src:url(/todos-daily/fonts/Excalifont.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{font-family:Excalifont,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.2;box-sizing:border-box}html,body{height:100%;margin:0;padding:0}html{font-size:18px;background:var(--bg-color);color:var(--text-color)}#root{display:flex;flex-direction:column;height:100%;width:100%;max-width:1280px}@media(min-width:1281px){#root{margin:0 auto}}.header{display:flex;align-items:center;justify-content:center;padding:var(--spacer-d);position:relative}.logo{display:inline-flex;flex-direction:column;align-items:center}.logo__todos{font-size:1.5rem}.logo__daily{font-size:1rem}.theme-switcher{display:grid;grid-template-columns:1fr 1fr 1fr;margin:0;padding:var(--spacer-a);border:none;position:absolute;right:var(--spacer-d);top:50%;transform:translateY(-50%)}.theme-switcher__legend{position:absolute;opacity:0;pointer-events:none}.theme-switcher__radio{-webkit-appearance:none;appearance:none;margin:0;width:28px;height:28px;cursor:pointer;background-position:center;background-repeat:no-repeat;background-size:20px;transition:filter .1s ease-in;filter:var(--theme-switcher-radio-filter)}.theme-switcher__radio:checked{filter:var(--theme-switcher-radio-filter-checked)}.theme-switcher__radio:focus{outline:none}.theme-switcher__radio:focus-visible~.theme-switcher__status{box-shadow:0 0 0 2px #000}.theme-switcher__radio--light{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='64'%20height='64'%20viewBox='0%200%2024%2024'%3e%3cg%20fill='%2309090b'%3e%3cpath%20d='M17%2012a5%205%200%201%201-10%200%205%205%200%200%201%2010%200Z'/%3e%3cpath%20fill-rule='evenodd'%20d='M12%201.25a.75.75%200%200%201%20.75.75v2a.75.75%200%200%201-1.5%200V2a.75.75%200%200%201%20.75-.75ZM3.669%203.716a.75.75%200%200%201%201.06-.047L6.95%205.7a.75.75%200%201%201-1.012%201.107L3.716%204.776a.75.75%200%200%201-.047-1.06Zm16.662%200a.75.75%200%200%201-.047%201.06l-2.222%202.031A.75.75%200%200%201%2017.05%205.7l2.222-2.031a.75.75%200%200%201%201.06.047ZM1.25%2012a.75.75%200%200%201%20.75-.75h2a.75.75%200%200%201%200%201.5H2a.75.75%200%200%201-.75-.75Zm18%200a.75.75%200%200%201%20.75-.75h2a.75.75%200%200%201%200%201.5h-2a.75.75%200%200%201-.75-.75Zm-2.224%205.025a.75.75%200%200%201%201.06%200l2.222%202.223a.75.75%200%200%201-1.06%201.06l-2.223-2.222a.75.75%200%200%201%200-1.06Zm-10.051%200a.75.75%200%200%201%200%201.061l-2.223%202.222a.75.75%200%200%201-1.06-1.06l2.222-2.223a.75.75%200%200%201%201.06%200ZM12%2019.25a.75.75%200%200%201%20.75.75v2a.75.75%200%200%201-1.5%200v-2a.75.75%200%200%201%20.75-.75Z'/%3e%3c/g%3e%3c/svg%3e")}.theme-switcher__radio--light:checked~.theme-switcher__status{background-position:left 2px center}.theme-switcher__radio--system{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%20width='64'%20height='64'%20viewBox='0%200%2029.334%2029.334'%3e%3cpath%20fill='%2309090b'%20d='M14.666%200C6.578%200%200%206.58%200%2014.667s6.578%2014.667%2014.666%2014.667%2014.668-6.58%2014.668-14.667S22.754%200%2014.666%200zm0%2025.334C8.784%2025.334%204%2020.549%204%2014.667S8.784%204%2014.666%204c5.883%200%2010.668%204.785%2010.668%2010.667s-4.787%2010.667-10.668%2010.667zm4.666-10.667a4.667%204.667%200%201%201-9.334%200%204.667%204.667%200%200%201%209.334%200z'/%3e%3c/svg%3e")}.theme-switcher__radio--system:checked~.theme-switcher__status{background-position:center center}.theme-switcher__radio--dark{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='64'%20height='64'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%2309090b'%20d='M12%2022c5.523%200%2010-4.477%2010-10%200-.463-.694-.54-.933-.143a6.5%206.5%200%201%201-8.924-8.924C12.54%202.693%2012.463%202%2012%202%206.477%202%202%206.477%202%2012s4.477%2010%2010%2010Z'/%3e%3c/svg%3e")}.theme-switcher__radio--dark:checked~.theme-switcher__status{background-position:right 2px center}.theme-switcher__status{position:absolute;inset:0;z-index:-1;box-shadow:0 0 0 2px #0003;border-radius:var(--border-radius-d);background-color:#ffffff80;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%20width='64'%20height='64'%20viewBox='0%200%2026%2026'%3e%3cpath%20fill='%2309090b'%20d='M26%2013c0%207.18-5.818%2013-13%2013-7.18%200-13-5.82-13-13S5.82%200%2013%200c7.182%200%2013%205.82%2013%2013z'/%3e%3c/svg%3e");background-size:28px;background-position:center;transition:background-position .15s ease-in;filter:var(--theme-switcher-status-filter)}.task-list{display:flex;flex-direction:column;height:100%;position:relative;padding:var(--spacer-d)}.task-list__items{display:flex;flex-direction:column;gap:var(--spacer-d);list-style:none;padding:0 0 var(--spacer-d);margin:0}.task{display:flex;align-items:center;border-radius:var(--border-radius-c);border:1px solid var(--border-color);background-color:var(--task-bg-color);transition:all .3s ease;cursor:pointer}.task:hover{border-color:var(--border-color-hover);box-shadow:var(--box-shadow-hover)}.task__content{flex:1}.task__actions{padding:var(--spacer-d)}.checkbox{display:flex;align-items:center;position:relative;padding:var(--spacer-d);cursor:pointer}.checkbox__checkbox{position:absolute;opacity:0;z-index:0}.checkbox__icon{z-index:1}.button{display:flex;align-items:center;justify-content:center;gap:var(--spacer-b);padding:var(--spacer-c);cursor:pointer;font-size:1rem;border:none;border-radius:var(--border-radius-c);background-color:var(--button-bg-color);color:var(--button-text-color);transition:background-color .3s,transform .3s}.button:hover{background-color:rgb(from var(--button-bg-color) r g b / 90%)}.button:active{background-color:rgb(from var(--button-bg-color) r g b / 80%)}.button--inverted{background-color:var(--button-bg-color-inverted);color:var(--button-text-color-inverted)}.button--inverted:hover{background-color:rgb(from var(--button-bg-color-inverted) r g b / 90%)}.button--inverted:active{background-color:rgb(from var(--button-bg-color-inverted) r g b / 80%)}.button--icon{background-color:transparent!important;color:var(--text-color)!important}.button--icon:hover{transform:translateY(-1px)}.button--icon:active{transform:translateY(1px)}.button--small{font-size:.5rem;padding:var(--spacer-b) var(--spacer-c)}.button--transparent{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color)}.categories{padding:var(--spacer-d)}.input-field__input{width:100%;background-color:transparent;color:var(--input-color);padding:var(--spacer-d);border-radius:var(--border-radius-c);border:1px solid var(--border-color)}.input-field__input--inverted{color:var(--input-color-inverted)}.form-field{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacer-b)}.textarea-field__textarea{width:100%;background-color:transparent;color:var(--input-color);padding:var(--spacer-d);border-radius:var(--border-radius-c);border:1px solid var(--border-color);resize:vertical;min-height:65px}.textarea-field__textarea--inverted{color:var(--input-color-inverted)}.modal-dialog{display:flex;flex-direction:column;gap:var(--spacer-d);width:100%;max-width:100%;padding:var(--spacer-d);margin-bottom:0;border-top-left-radius:var(--border-radius-c);border-top-right-radius:var(--border-radius-c);border:none;box-shadow:0 4px 6px #0000001a;background-color:var(--bg-color);color:var(--text-color);transform:translateY(100%);transition:transform .3s;z-index:10}.modal-dialog::backdrop{opacity:0;transition:opacity .3s}.modal-dialog--active{transform:translateY(0)}.modal-dialog--active::backdrop{opacity:1;background-color:#0009}.modal-dialog__header{position:relative}.modal-dialog__close-btn{position:absolute;right:0;top:0;padding:0}.modal-dialog__content{display:flex;flex-direction:column;gap:var(--spacer-d)}@media(min-width:641px){.modal-dialog{max-width:500px}}.new-task{position:sticky;z-index:1;bottom:var(--spacer-d);margin-top:auto;margin-left:var(--spacer-d);margin-right:var(--spacer-d)}.empty-list{padding:var(--spacer-d);text-align:center}