@media (max-width: 767px){.input{padding:12px;font-size:16px}.add-button{right:10px;top:10px}.add-button svg{height:25px;width:25px}.todo-header{width:100%}}@media (min-width: 768px) and (max-width: 1023px){.input{padding:15px;font-size:18px}.add-button{right:10px;top:13px}.add-button svg{height:26px;width:26px}.todo-header{width:85%}}@media (min-width: 1024px){.input{padding:15px;font-size:18px}.add-button{right:10px;top:13px}.add-button svg{height:26px;width:26px}.todo-header{width:85%}}@media (min-width: 1440px){.input{padding:15px;font-size:18px}.add-button{right:10px;top:13px}.add-button svg{height:26px;width:26px}.todo-header{width:85%}}.todo-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;gap:4.5%}.form{position:relative;flex:1}.input{width:100%;color:#000;border-radius:7px;border:1.5px solid var(--task-border);outline:none;transition:border-color .2s ease,box-shadow .2s ease;padding-right:60px}.input:focus{border-color:var(--check-color);box-shadow:0 0 0 1px #8cc63f66;box-shadow:inset}.add-button{position:absolute;background:none;cursor:pointer;padding:0;outline:none;border:none}.add-button svg{color:#fff;outline:none;border:none;background-color:#8bc34a;transition:background-color .3s ease}.add-button:hover svg{background-color:#556b2f}@media (max-width: 767px){.custom-select-trigger{padding:9.5px;font-size:16px}}@media (min-width: 768px) and (max-width: 1023px){.custom-select-trigger{padding:15px}}@media (min-width: 1024px){.custom-select-trigger{padding:15px}}@media (min-width: 1440px){.custom-select-trigger{padding:15px}}.custom-select{position:relative;flex:0 1 35%}.custom-select-trigger{height:100%;background-color:#8bc34a;padding-left:20px;border-radius:7px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;color:#fff;font-weight:500}.custom-select-trigger:hover{background-color:#7aa53a}.arrow{background-color:#fff;transition:transform .2s ease}.custom-select.open .arrow{transform:rotate(180deg)}.custom-options{position:absolute;width:100%;max-height:200px;overflow-y:auto;margin-top:5px;background:#fff;border-radius:6px;box-shadow:0 2px 8px #00000026;z-index:1000;color:#000;display:flex;flex-direction:column}.custom-option{padding:10px 15px;cursor:pointer;transition:background-color .2s ease}.custom-option:hover{background-color:#f0f0f0}.custom-option.selected{background-color:#e0f0c9;font-weight:700}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-family:sans-serif;line-height:1.5;font-size:16px}ul,ol{list-style:none}a{text-decoration:none;color:inherit}button{cursor:pointer;background:none;border:none;font:inherit}:root{--bg: #fff;--text: #000;--task-bg: #f5f5f5;--task-hover: #e0e0e0;--task-border: #ccc;--check-color: #4caf50;--delete-color: #d32f2f;--page-bg: #eeeeee;--page-hover: #cccccc;--page-active: #4caf50}:root.dark{--bg: #1a1a1a;--text: #fff;--task-bg: #5f5f5f;--task-hover: #3a3a3a;--task-border: #444;--check-color: #81c784;--delete-color: #ef5350;--page-bg: #424242;--page-hover: #616161;--page-active: #4caf50}@media (max-width: 767px){.theme-switcher{height:35px;width:70px}.slider:before{height:23px;width:23px;left:3px;bottom:5px}.icon{width:21px;height:21px}.theme-light{top:-2.5px;left:51%}.theme-dark{top:-4px;right:-33%}}@media (min-width: 768px) and (max-width: 1023px){.theme-switcher{height:40px;width:80px}.slider:before{height:28.5px;width:28.5px;left:6px;bottom:4.5px}.icon{width:24px;height:24px}.theme-light{top:0%;left:51%}.theme-dark{top:2%;right:-33%}}@media (min-width: 1024px){.theme-switcher{height:40px;width:80px}.slider:before{height:28.5px;width:28.5px;left:6px;bottom:4.5px}.icon{width:24px;height:24px}.theme-light{top:0%;left:51%}.theme-dark{top:2%;right:-33%}}@media (min-width: 1440px){.theme-switcher{height:40px;width:80px}.slider:before{height:27px;width:27px;left:6px;bottom:6px}.icon{width:24px;height:24px}.theme-light{top:0%;left:51%}.theme-dark{top:2%;right:-33%}}.theme-switcher{display:inline-block}.theme-switcher input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;border:1px solid #8bc34a;background-color:#fff;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";background-color:#8bc34a;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#3c3e41}input:focus+.slider{box-shadow:0 0 1px #000}input:checked+.slider:before{transform:translate(37px)}.icons{position:relative;transform:translate(-40%,-40%);display:flex;justify-content:space-between;gap:10px;width:100%;height:100%}.icon{position:absolute;transition:.4s}.theme-dark{color:#796c6c;width:22px;height:22px}input:checked~.icons .icon:first-child{color:#ffffff80}input:checked~.icons .icon:last-child{color:#fff}@media (max-width: 767px){.check-icon{width:20px;height:20px;margin-bottom:15px}.delete-icon{width:18px;height:18px;margin-bottom:15px}}@media (min-width: 768px) and (max-width: 1023px){.check-icon{width:25px;height:25px;margin-bottom:15px}.delete-icon{width:20px;height:20px;margin-bottom:15px}}@media (min-width: 1024px){.check-icon{width:25px;height:25px;margin-bottom:15px}.delete-icon{width:20px;height:20px;margin-bottom:15px}}@media (min-width: 1440px){.check-icon{width:25px;height:25px;margin-bottom:15px}.delete-icon{width:20px;height:20px;margin-bottom:15px}}.todo-list{display:flex;flex-direction:column;width:100%;background-color:var(--bg);color:var(--text);border-radius:10px}.list{display:flex;align-items:center;justify-content:space-between}.check-icon{color:var(--check-color);transition:color .2s ease}.check-icon:hover{color:#0a520a}.delete-icon{color:var(--delete-color);cursor:pointer;transition:color .2s ease;border:none}.delete-icon:hover{color:#771515}.delete-icon:focus{outline:none}@media (max-width: 767px){.task{font-size:16px;flex:0 1 85%;max-width:85%;min-height:48px}}@media (min-width: 768px) and (max-width: 1023px){.task{font-size:18px;flex:0 1 90%;max-width:90%;min-height:60px}}@media (min-width: 1024px){.task{font-size:18px;flex:0 1 90%;max-width:90%;min-height:60px}}@media (min-width: 1440px){.task{font-size:18px;flex:0 1 90%;max-width:90%;min-height:60px}}.task{display:flex;align-items:center;justify-content:start;background-color:var(--task-bg);border-radius:8px;padding:10px 20px;margin-bottom:16px;cursor:pointer;text-align:start;transition:all .2s ease}.task:hover{background-color:var(--task-hover)}.task-text{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-line;min-width:0;max-width:100%;text-decoration:none;transition:text-decoration .2s ease}.task-text.completed{text-decoration:line-through;text-decoration-color:#d32f2f}@media (max-width: 767px){.pagination{gap:8px;margin-top:8px}.page{width:30px;height:30px;font-size:14px}}@media (min-width: 768px) and (max-width: 1023px){.pagination{gap:12px;margin-top:16px}.page{width:33px;height:33px;font-size:16px}}@media (min-width: 1024px)and (max-width: 1439px){.pagination{gap:12px;margin-top:16px}.page{width:33px;height:33px;font-size:16px}}@media (min-width: 1440px){.pagination{gap:12px;margin-top:16px}.page{width:33px;height:33px;font-size:16px}}.pagination{display:flex;justify-content:center}.page{border-radius:50%;background-color:var(--page-bg);color:var(--text);border:none;cursor:pointer;transition:all .2s ease}.page:hover:not([disabled]){background-color:var(--page-hover)}.page.active{background-color:var(--page-active);color:#fff;font-weight:700}@media (max-width: 600px){.content{width:100%}#root{padding:5rem 1rem 2rem}.theme-button{top:-60px;right:0}.app-container{gap:12px}}@media (min-width: 601px) and (max-width: 767px){.content{width:100%}#root{padding:5rem 2rem 2rem}.theme-button{top:-60px;right:0}.app-container{gap:18px}}@media (min-width: 768px) and (max-width: 1023px){.content{width:97%}#root{padding:6rem 1rem 2rem}.theme-button{top:-60px;right:0}.app-container{gap:24px}}@media (min-width: 1024px){.content{width:85%}#root{padding:7rem 2rem 2rem}.theme-button{top:-60px;right:-10px}.app-container{gap:24px}}@media (min-width: 1440px){.content{width:85%}#root{padding:7rem 2rem 2rem}.theme-button{top:-60px;right:-25px}.app-container{gap:24px}}#root{max-width:1280px;margin:0 auto;text-align:center}.app{position:relative}html{font-size:16px}body{min-height:100vh;background-color:var(--bg);color:var(--text);line-height:1.5;font-family:sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.theme-button{position:absolute;z-index:10}