*{margin:0;padding:0;box-sizing:border-box;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.container{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#242424;color:#fff;font-family:Inter,system-ui,sans-serif}.todo-box{background:#333;padding:2rem;border-radius:12px;box-shadow:0 10px 25px #00000080;width:100%;max-width:400px}h1{text-align:center;margin-bottom:1.5rem;color:#fff}.input-group{display:flex;gap:10px;margin-bottom:20px}input{flex:1;padding:10px;border-radius:6px;border:1px solid #555;background:#444;color:#fff;font-size:16px}input:focus{outline:2px solid #646cff}.add-btn{padding:10px 20px;background-color:#646cff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700}.add-btn:hover{background-color:#535bf2}.todo-list{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto}li{display:flex;justify-content:space-between;align-items:center;background:#444;margin-bottom:8px;padding:10px;border-radius:6px;transition:.2s}li span{cursor:pointer;flex:1;word-break:break-all}li.completed span{text-decoration:line-through;color:#888}li.completed{background:#2a2a2a}.delete-btn{background:transparent;border:none;color:#ff4b4b;font-size:18px;cursor:pointer;margin-left:10px;padding:0 5px}.delete-btn:hover{color:#ff7676}.empty-msg{text-align:center;color:#666;font-style:italic}.stats{margin-top:15px;text-align:right;font-size:.8rem;color:#888;border-top:1px solid #444;padding-top:10px}