body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{margin:0;padding:0}body,html{height:100vh;overflow:hidden}.container{align-items:center;background-color:#f7fffc;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-height:100vh;min-height:100vh;overflow:hidden;padding-top:4.5vh;position:relative}.title{color:#001c11;font-size:2.25rem;font-weight:700;margin-bottom:28px}.title,.todo-container{position:relative;z-index:10}.todo-container{background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;max-width:580px;overflow:hidden;width:100%}.header{border-bottom:1px solid #e5e7eb;padding:16px}.header-input{background-color:initial;border:none;color:#374151;cursor:default;font-size:1.125rem;font-weight:500;outline:none;width:100%}.todo-list{height:256px;overflow-y:auto;scrollbar-color:#9ca3af #f3f4f6;scrollbar-width:thin}.todo-list::-webkit-scrollbar{width:8px}.todo-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.todo-list::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.todo-list::-webkit-scrollbar-thumb:hover{background:#6b7280}.empty-state{color:#6b7280;padding:16px;text-align:center}.todos-container{padding:16px}.todo-item{justify-content:space-between;margin-bottom:12px;padding:4px 0}.todo-item,.todo-left{align-items:center;display:flex}.todo-left{flex:1 1}.checkbox{align-items:center;background:#0000;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;display:flex;height:24px;justify-content:center;margin-right:12px;transition:all .2s;width:24px}.checkbox.completed{background-color:#10b981;border-color:#10b981;color:#fff}.todo-text{color:#374151;flex:1 1}.todo-text.completed{color:#6b7280;text-decoration:line-through}.delete-button{background:#0000;border:none;color:#9ca3af;cursor:pointer;opacity:0;padding:4px;transition:all .2s}.delete-button.hovered{color:#ef4444;opacity:1}.footer{background-color:#dcfce7;border-top:1px solid #e5e7eb;padding:16px}.footer-content{align-items:center;display:flex}.footer-checkbox{border:2px solid #4ade80;border-radius:4px;height:24px;margin-right:12px;width:24px}.footer-input{background-color:initial;border:none;color:#374151;flex:1 1;font-size:16px;outline:none}.add-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;margin-left:12px;transition:all .2s;width:32px}.add-button.empty{background-color:#d1d5db;color:#6b7280}.add-button.ready{background-color:#10b981;color:#fff}.add-button.ready:hover{background-color:#059669}.add-button-dot{background-color:currentColor;border-radius:50%;height:8px;width:8px}.ground-container{bottom:0;height:28vh;left:0;overflow:hidden;position:absolute;width:100%;z-index:1}.ground-animation{animation:scrollGroundSeamless 45s linear infinite;bottom:0;display:flex;height:100%;left:0;position:absolute;width:200%}.ground-image{flex-shrink:0;height:100%;object-fit:cover;width:16.5%}.cat{bottom:19.4vh;height:auto;left:6.25vw;position:absolute;width:13.5vw;z-index:2}@keyframes scrollGroundSeamless{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:768px){.title{font-size:1.875rem}.todo-container{margin:0 20px;max-width:90%}.container{padding-top:3vh}.cat{bottom:18vh;left:8vw;width:25vw}.ground-container{height:25vh}}@media (max-width:480px){.title{font-size:1.5rem}.todo-container{margin:0 10px;max-width:95%}.container{padding-top:2vh}.cat{bottom:15vh;left:10vw;width:30vw}.ground-container{height:22vh}}@media (min-width:1920px){.container{padding-top:5vh}.title{font-size:clamp(2.25rem,3vw,3rem)}.todo-container{max-width:min(580px,30vw)}.cat{bottom:19.3vh;left:5.5vw;width:15vw}.ground-container{height:30vh}}@media (min-width:2560px){.container{padding-top:5.5vh}.title{font-size:clamp(2.5rem,3.5vw,4rem)}.todo-container{max-width:min(650px,25vw)}.cat{bottom:21vh;left:5vw;width:12vw}.ground-container{height:32vh}}
/*# sourceMappingURL=main.1d4ff596.css.map*/