@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{text-align:center;background:rgba(255,255,255,.95);padding:2rem;box-shadow:0 2px 10px rgba(0,0,0,.1)}.app-header h1{color:#667eea;margin-bottom:.5rem;font-size:2.5rem}.app-header p{color:#666;font-size:1.1rem}.container{flex:1;width:100%;max-width:900px;margin:2rem auto;padding:0 1rem}.add-todo{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.add-todo h2{color:#333;margin-bottom:1rem;font-size:1.5rem}.add-todo form{gap:1rem;display:flex}.todo-input{border:2px solid #ddd;border-radius:8px;flex:1;padding:1rem;font-size:1rem;transition:all .3s}.todo-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.add-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.add-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 8px rgba(102,126,234,.3)}.todo-list{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.list-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.list-header h2{color:#333;font-size:1.8rem}.stats{gap:1.5rem;display:flex}.stats span{color:#555;background:#f8f9fa;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.filter-buttons{gap:.5rem;margin-bottom:1.5rem;display:flex}.filter-btn{color:#666;cursor:pointer;background:#f8f9fa;border:2px solid transparent;border-radius:8px;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;transition:all .3s}.filter-btn:hover{background:#e9ecef}.filter-btn.active{color:#fff;background:#667eea;border-color:#667eea}.todos{margin-bottom:1.5rem;list-style:none}.todo-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:1.2rem;transition:all .2s;display:flex}.todo-item:hover{background:#f8f9fa}.todo-item:last-child{border-bottom:none}.todo-content{flex:1;align-items:center;gap:1rem;display:flex}.todo-checkbox{cursor:pointer;accent-color:#667eea;width:22px;height:22px}.todo-text{color:#333;font-size:1.1rem;transition:all .3s}.todo-text.completed{color:#999;opacity:.6;text-decoration:line-through}.edit-input{border:2px solid #667eea;border-radius:6px;flex:1;padding:.5rem;font-size:1rem}.todo-actions{gap:.5rem;display:flex}.todo-actions button{cursor:pointer;border:none;border-radius:6px;padding:.5rem .8rem;font-size:1.1rem;transition:all .2s}.edit-btn{background:#ffd93d}.edit-btn:hover{background:#ffc700;transform:scale(1.1)}.delete-btn{background:#ff6b6b}.delete-btn:hover{background:#ee5a6f;transform:scale(1.1)}.save-btn{color:#fff;background:#51cf66;font-size:1.3rem}.save-btn:hover{background:#40c057}.cancel-btn{color:#fff;background:#ff6b6b;font-size:1.2rem}.cancel-btn:hover{background:#ee5a6f}.empty-state{text-align:center;color:#999;padding:3rem}.empty-state p{font-size:1.2rem}.list-actions{border-top:2px solid #f0f0f0;gap:1rem;padding-top:1rem;display:flex}.action-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;flex:1;padding:.8rem;font-size:.95rem;font-weight:600;transition:all .3s}.action-btn:hover{background:#5568d3;transform:translateY(-2px)}.action-btn.danger{background:#ff6b6b}.action-btn.danger:hover{background:#ee5a6f}.app-footer{text-align:center;color:#666;background:rgba(255,255,255,.95);padding:1.5rem}.app-footer p{margin:.3rem 0}.tip{color:#999;font-size:.9rem;font-style:italic}@media (max-width:768px){.app-header h1{font-size:2rem}.add-todo form{flex-direction:column}.list-header{flex-direction:column;align-items:flex-start;gap:1rem}.stats,.filter-buttons{flex-wrap:wrap}}