*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.app{max-width:560px;margin:3rem auto;padding:0 1rem}h1{text-align:center;color:#333;margin-bottom:1.5rem;font-size:2rem;font-weight:700}.todo-input{gap:.5rem;margin-bottom:1rem;display:flex}.todo-input input{border:2px solid #ddd;border-radius:8px;outline:none;flex:1;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.todo-input input:focus{border-color:#4a90d9}.todo-input button{color:#fff;cursor:pointer;background:#4a90d9;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s}.todo-input button:hover{background:#357abd}.filter-bar{justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem 0;display:flex}.active-count{color:#888;font-size:.875rem}.filter-buttons{gap:.25rem;display:flex}.filter-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;transition:all .2s}.filter-btn:hover{background:#eee}.filter-btn.active{color:#fff;background:#4a90d9;border-color:#4a90d9}.todo-list{list-style:none}.empty-state{text-align:center;color:#aaa;padding:2rem 0}.todo-item{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem 1rem;transition:box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000f}.todo-item:hover{box-shadow:0 2px 8px #0000001a}.todo-label{cursor:pointer;flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.todo-label input[type=checkbox]{accent-color:#4a90d9;cursor:pointer;flex-shrink:0;width:1.15rem;height:1.15rem}.todo-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.todo-item.completed .todo-text{color:#aaa;text-decoration:line-through}.delete-btn{color:#ccc;cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.3rem;line-height:1;transition:color .2s}.delete-btn:hover{color:#e74c3c}