:root{--bg:#071322;--text:#e6eef8;--muted:#98a0b3;--danger:#ef4444;--success:#10b981;--glass:#ffffff05;--primary-start:#7c3aed;--primary-end:#06b6d4}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background:#071322;background:var(--bg);color:#e6eef8;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0}*,:after,:before{box-sizing:border-box}body,html{overflow-x:hidden}.hidden{display:none}.AppContainer{align-items:flex-start;background:radial-gradient(1200px 600px at 10% 10%,#7c3aed1f,#0000),radial-gradient(800px 400px at 90% 90%,#06b6d414,#0000),#071322;background:radial-gradient(1200px 600px at 10% 10%,#7c3aed1f,#0000),radial-gradient(800px 400px at 90% 90%,#06b6d414,#0000),var(--bg);display:flex;justify-content:center;min-height:100vh;padding:18px 12px}.AppContent{display:flex;flex-direction:column;gap:12px;max-width:840px;padding:0 12px;width:100%}@media (min-width:600px){.AppContainer{padding:28px 20px}.AppContent{gap:18px;padding:0 24px}}@media (min-width:1024px){.AppContainer{padding:40px}.AppContent{gap:22px;padding:0 32px}}.Card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid #ffffff08;border-radius:14px;padding:12px}.TodoListWrapper{display:flex;flex-direction:column;gap:12px;padding-inline:12px}@media (max-width:480px){.TodoListWrapper{padding-inline:8px}}.TodoCounter{background:linear-gradient(90deg,#ffffff05,#ffffff03);border:1px solid #ffffff05;border-radius:12px;display:block;padding:12px 14px;text-align:center}.TodoCounter span{background:#ffffff05;border-radius:8px;display:inline-block;font-weight:700;margin:0 6px;min-width:28px;padding:4px 8px}.TodoCounter .sub{color:var(--muted);font-size:13px}h1.TodoCounter{font-size:18px;line-height:1.2;margin:0;padding:18px 8px;white-space:normal;word-break:normal}@media (max-width:420px){h1.TodoCounter{font-size:16px}.TodoCounter span{margin:0 4px;min-width:22px;padding:3px 6px}}.TodoSearch-container{align-items:center;display:flex;justify-content:center;padding:10px 12px}.TodoSearch-wrapper{box-sizing:border-box;max-width:640px;position:relative;width:100%}.TodoSearch{background:#fff;border:1px solid #00000014;border-radius:28px;box-shadow:0 2px 6px #3c404326;color:#111;font-size:16px;outline:none;padding:12px 16px 12px 56px;transition:box-shadow .16s ease,transform .12s ease;width:100%}.TodoSearch-icon{left:12px;position:absolute;top:50%;transform:translateY(-50%)}.TodoSearch-icon,.TodoSearch-iconCircle{align-items:center;display:flex;justify-content:center}.TodoSearch-iconCircle{background:#f1f3f4;border-radius:50%;color:#5f6368;height:34px;width:34px}.TodoSearch::placeholder{color:#9aa0a6}.TodoSearch:focus{border-color:#4285f440;box-shadow:0 6px 18px #3c40432e;transform:translateY(-1px)}@media (min-width:600px){.TodoSearch{border-radius:36px;font-size:18px;padding:14px 20px 14px 64px}.TodoSearch-wrapper{max-width:560px}}@media (min-width:1024px){.TodoSearch-wrapper{max-width:720px}}.TodoList{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 22px;padding:0}.TodoList-empty{background:#ffffff03;border-radius:10px;color:var(--muted);font-size:14px;padding:18px;text-align:center}.TodoList,.TodoList .TodoItem{max-width:100%;overflow-wrap:break-word}.Icon-container{cursor:pointer;display:inline-grid;font-size:18px;height:36px;line-height:1;place-items:center;width:36px}.Icon-container--check{color:var(--muted)}.Icon-container--check.is-active{color:var(--success)}.Icon-container--delete{color:var(--muted)}.Icon-container--delete:hover{color:var(--danger)}@media (min-width:800px){.Icon-container{font-size:20px;height:40px;width:40px}}.TodoItem{align-items:center;background:#ffffff05;background:var(--glass,#ffffff05);border:1px solid #ffffff08;border-radius:12px;display:flex;gap:12px;padding:10px 12px;transition:transform .12s ease,box-shadow .12s ease;width:100%}.TodoItem:hover{box-shadow:0 12px 28px #02061752;transform:translateY(-3px)}.Icon{background:hsla(0,0%,100%,.012);border:1px solid #ffffff08;border-radius:9px;color:#98a0b3;color:var(--muted,#98a0b3);cursor:pointer;display:grid;flex:0 0 auto;height:36px;place-items:center;transition:transform .12s,box-shadow .12s,background .12s,color .12s;width:36px}.Icon-check--active{background:linear-gradient(135deg,var(--success),#059669);border-color:#0000;box-shadow:0 8px 26px #10b9811f;color:#fff}.TodoItem-p{color:var(--text);flex:1 1 auto;font-size:15px;margin:0;min-width:0;word-break:break-word}.TodoItem-p--complete{color:var(--muted);opacity:.9;text-decoration:line-through}.Icon-delete{border-radius:8px;color:#98a0b3;color:var(--muted,#98a0b3);cursor:pointer;padding:6px 8px;transition:background .12s,color .12s}.Icon-delete:hover{background:#ffffff08}.Icon-delete--danger{color:#ef4444;color:var(--danger,#ef4444)}.Icon-delete--danger:hover{background:#ef44440f}.Icon.Icon-delete--danger{color:#ef4444;color:var(--danger,#ef4444)}.Icon.Icon-delete--danger:hover{background:#ef44440f}.TodoItem--complete .Icon-delete{color:#ef4444;color:var(--danger,#ef4444)}.TodoItem--complete .Icon-delete:hover{background:#ef44440f}.TodoItem--complete .Icon{opacity:.85}@media (min-width:800px){.Icon{height:40px;width:40px}.TodoItem{gap:14px;padding:12px 16px}}.Icon-svg{color:inherit;display:block;height:1em;width:1em}.Icon-svg svg{stroke:currentColor;fill:currentColor}.TodoItem:not(.TodoItem--complete):hover .Icon-check{background:linear-gradient(135deg,#16a34a,#10b981);border-color:#0000;box-shadow:0 10px 30px #10b9811f;color:#fff}.TodoItem:not(.TodoItem--complete):hover .Icon-delete{background:#ef44440f;color:#ef4444;color:var(--danger,#ef4444)}.Icon.Icon-delete--danger,.Icon.Icon-delete--danger .Icon-svg,.TodoItem--complete .Icon.Icon-delete,.TodoItem--complete .Icon.Icon-delete .Icon-svg{color:#ef4444;color:var(--danger,#ef4444)}.Icon.Icon-delete--danger:hover,.TodoItem--complete .Icon.Icon-delete:hover,.TodoItem:not(.TodoItem--complete):hover .Icon.Icon-delete{background:#ef44440f;color:#ef4444;color:var(--danger,#ef4444)}.Icon-delete .Icon-svg,.Icon-delete .Icon-svg *,.Icon-delete .Icon-svg svg,.Icon-delete .Icon-svg svg *,.Icon.Icon-delete .Icon-svg,.Icon.Icon-delete .Icon-svg *,.Icon.Icon-delete .Icon-svg svg,.Icon.Icon-delete .Icon-svg svg *{stroke:currentColor!important;fill:currentColor!important}.LoadingTodo-container{align-items:center;border-radius:10px;box-shadow:0 5px 50px #20232926;display:flex;justify-content:center;margin-top:24px;padding:12px 0;position:relative}.LoadingTodo-text{font-size:18px;font-weight:400;line-height:24px;margin:24px 0 24px 24px;width:calc(100% - 120px)}.LoadingTodo-completeIcon,.LoadingTodo-deleteIcon{align-items:center;border-radius:50px;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px}.LoadingTodo-completeIcon{left:12px;position:absolute}.LoadingTodo-deleteIcon{position:absolute;right:0;top:-24px}.LoadingTodo-completeIcon,.LoadingTodo-container,.LoadingTodo-deleteIcon{animation:loadingAnimation 3s ease-in-out infinite;background:linear-gradient(90deg,#fafafa,#c8c7c7);background-size:400% 400%}@keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.EmptyTodos{align-items:center;background:#ffffff05;border-radius:10px;color:#98a0b3;color:var(--muted,#98a0b3);display:flex;font-size:15px;justify-content:center;padding:18px 12px;text-align:center}@media (min-width:800px){.EmptyTodos{font-size:16px;padding:22px 16px}}.CreateTodoButton{align-items:center;background-color:#61dafa;border:none;border-radius:50%;bottom:24px;box-shadow:0 5px 25px #61dafa80;color:#fafafa;cursor:pointer;display:flex;font-size:50px;font-weight:700;height:64px;justify-content:center;position:fixed;right:24px;transform:rotate(0);transition:.3s ease;width:64px;z-index:1}.CreateTodoButton:hover{transform:rotate(224deg)}form{align-items:stretch;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:520px;padding:24px;width:100%}label{color:#111;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:34px;font-weight:700;margin-bottom:18px}label,textarea{text-align:center}textarea{background-color:#f6fbfc;border:4px solid #61dafa;border-radius:8px;box-shadow:0 12px 40px #61dafa1f,inset 0 2px 6px #00000008;color:#1e1e1f;font-family:Courier New,Courier,monospace;font-size:22px;min-height:120px;padding:18px 16px;resize:vertical;width:100%}textarea::placeholder{color:#a5a5a5;font-family:Montserrat;font-weight:400}textarea:focus{box-shadow:0 12px 40px #61dafa38;outline:none}.TodoForm-buttonContainer{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:18px;width:100%}.TodoForm-button{border:none;border-radius:2px;color:#202329;cursor:pointer;display:inline-block;font-family:Montserrat;font-size:20px;font-weight:400;height:48px;width:120px}.TodoForm-button--add{background:linear-gradient(180deg,#61dafa,#2cc3f2);border-radius:10px;box-shadow:0 12px 30px #61dafa59;color:#06202a;font-weight:700;height:52px;width:140px}.TodoForm-button--cancel{background:#0000;color:#222;font-size:22px;font-weight:500;height:auto;padding:8px 4px;width:auto}@media (max-width:420px){.TodoForm-buttonContainer{flex-direction:column-reverse;gap:12px}.TodoForm-button--add{width:100%}.TodoForm-button--cancel{text-align:center;width:100%}}@media (min-width:421px){.TodoForm-button--cancel{margin-right:0}}.ModalBackground{align-items:center;background-color:#202329d9;color:#fff;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.ModalContent{background:#fff;border-radius:10px;box-shadow:0 8px 24px #00000040;color:#1e1e1f;max-height:calc(100vh - 64px);max-width:520px;opacity:0;overflow:auto;padding:18px;position:relative;transform:translateY(6px) scale(.995);transition:transform .18s cubic-bezier(.2,.8,.2,1),opacity .18s ease;width:100%}.ModalBackground .ModalContent{opacity:1;transform:translateY(0) scale(1)}.ModalHeader{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.ModalClose{background:#0000;border:none;border-radius:6px;color:#6b6b6b;cursor:pointer;font-size:20px;line-height:1;padding:6px;position:absolute;right:10px;top:10px}.ModalClose:focus{outline:2px solid #61dafa66;outline-offset:2px}.ModalClose:hover{background:#00000008;color:#111}.ModalContent form{display:flex;flex-direction:column;gap:12px}@media (min-width:640px){.ModalContent{border-radius:12px;padding:22px}}@media (min-width:1024px){.ModalContent{max-width:640px;padding:28px}}body.modal-open{overflow:hidden}
/*# sourceMappingURL=main.84b08072.css.map*/