@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap);@font-face{font-display:swap;font-family:Satoshi;font-style:normal;font-weight:500;src:url(//cdn.fontshare.com/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff2) format("woff2"),url(//cdn.fontshare.com/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff) format("woff"),url(//cdn.fontshare.com/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.ttf) format("truetype")}.App{text-align:center}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-attachment:fixed;background-color:#a8e6ff;background-image:url(/static/media/kid-bg.0ef1a34759c552a6d6e2.svg);background-position:top;background-repeat:no-repeat;background-size:cover;display:flex;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;justify-content:center;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.section-center{max-width:980px;padding:32px 18px;width:95%}form{background:#fff;border-radius:1rem;box-shadow:2px 8px 40px rgba(2,6,23,.08);margin-top:2.5rem;padding:28px}button,input{font-family:inherit}.form-control{align-items:center;display:flex;gap:12px}.form-control .todo{border:1px solid #e9eef6;border-radius:10px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6);flex:1 1 auto;font-size:18px;padding:12px 14px}.submit-btn{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;margin-left:0;padding:10px 14px}.submit-btn:hover{-webkit-filter:brightness(.96);filter:brightness(.96)}.todo-container{background:linear-gradient(180deg,hsla(0,0%,100%,.95),rgba(250,250,255,.9));border-radius:1rem;margin-top:1.25rem;max-width:100%;padding:20px}.todo-container:hover{box-shadow:2px 2px 15px #00000020}.todo-container button{margin:5px}.clear-btn{background:linear-gradient(90deg,#ff8a65,#ffb86b);border:none;border-radius:12px;box-shadow:0 8px 20px rgba(255,139,101,.18);color:#082032;cursor:pointer;display:inline-block;font-weight:600;padding:10px 16px;transition:box-shadow .12s ease,-webkit-transform .12s ease;transition:transform .12s ease,box-shadow .12s ease;transition:transform .12s ease,box-shadow .12s ease,-webkit-transform .12s ease}.clear-btn:hover{box-shadow:0 12px 30px rgba(255,139,101,.22);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.toast{-webkit-animation:toast-in .28s ease forwards;animation:toast-in .28s ease forwards;background:linear-gradient(180deg,#fff,#fff9f2);border-left:6px solid #ff8a65;border-radius:12px;box-shadow:0 10px 30px rgba(2,6,23,.12);color:#0b1220;font-weight:600;padding:12px 16px;position:fixed;right:22px;top:22px;-webkit-transform:translateY(-6px);transform:translateY(-6px);z-index:9999}@-webkit-keyframes toast-in{0%{opacity:0;-webkit-transform:translateY(-12px);transform:translateY(-12px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;-webkit-transform:translateY(-12px);transform:translateY(-12px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.todo{align-items:stretch;display:flex;flex-direction:column;gap:12px;width:100%}.todo .todo-todo{align-items:center;background:#fff;border-radius:14px;box-shadow:0 6px 22px rgba(2,6,23,.04);display:flex;font-size:20px;justify-content:space-between;min-height:68px;padding:18px 20px;transition:box-shadow .12s ease,-webkit-transform .12s ease;transition:transform .12s ease,box-shadow .12s ease;transition:transform .12s ease,box-shadow .12s ease,-webkit-transform .12s ease}.todo .todo-todo:hover{box-shadow:0 8px 24px rgba(17,24,39,.08);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.todo .title{font-size:20px;margin:0;text-align:left;word-break:break-word}.btn-container{display:flex;gap:8px}.delete-btn,.edit-btn{align-items:center;background:#f1f5f9;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;padding:10px 12px}.edit-btn{background:#e6fbef;color:#136f3b}.delete-btn{background:#fff1f1;color:#b91c1c}.delete-btn:hover,.edit-btn:hover{-webkit-filter:brightness(.95);filter:brightness(.95)}.todo-todo.completed .title{opacity:.6;text-decoration:line-through}.todo-todo .left{align-items:center;display:flex;gap:12px}.todo-checkbox{accent-color:#2563eb;cursor:pointer;height:18px;width:18px}@media screen and (max-width:650px){form{font-size:10px}input{font-size:12px}.todo-container,.todo-container button{font-size:10px}}
/*# sourceMappingURL=main.46b3c5b0.css.map*/